Urutan berjenjang gaya CSS
Ketika beberapa style sheet digunakan, style sheet harus bersaing untuk mengontrol penyeleksi tertentu. Dalam kasus ini, selalu ada aturan style sheet yang mengambil kendali. Properti berikut akan menentukan hasil dari style sheet yang bersaing.
Seperti disebutkan sebelumnya, baik penulis halaman web maupun pembaca memiliki kemampuan untuk menentukan style sheet. Ketika kedua aturan tersebut bertentangan, aturan pembuat halaman web akan mengesampingkan aturan pembaca lainnya yang memiliki bobot yang sama. Style sheet pembuat dan pembaca halaman web melebihi style sheet bawaan browser.
Penulis halaman web harus menggunakan aturan penting ! dengan hati-hati, karena aturan tersebut akan mengesampingkan aturan penting apa pun yang dimiliki pengguna. Misalnya, pengguna mungkin memerlukan font besar atau warna tertentu karena kendala visual, dan pengguna tersebut mungkin menyatakan aturan gaya tertentu sebagai penting, karena gaya ini sangat penting bagi pengguna untuk membaca halaman web. Aturan apa pun yang penting akan mengesampingkan aturan umum, jadi disarankan agar penulis halaman web menggunakan aturan umum untuk memastikan bahwa pengguna dengan kebutuhan gaya khusus dapat membaca halaman web.
Aturan pemilih: Atribut yang dihitung didasarkan pada tingkat atributnya. Style sheet juga dapat mengesampingkan style sheet yang bertentangan. Ini hanyalah permainan statistik yang menghitung jumlah penyeleksi yang ditentukan.
Hitung jumlah atribut ID di pemilih.
Hitung jumlah atribut CLASS di pemilih.
Format nama tag HTML di pemilih statistik.
Terakhir, tuliskan ketiga angka tersebut dengan urutan yang benar tanpa spasi atau koma untuk mendapatkan angka tiga digit. (Perhatikan bahwa Anda perlu mengonversi angka tersebut menjadi angka yang lebih besar yang diakhiri dengan tiga digit.) Daftar angka terakhir yang sesuai dengan pemilih memudahkan untuk menentukan bahwa properti dari angka yang lebih tinggi akan menggantikan properti dari angka yang lebih rendah. Berikut daftar selector yang diklasifikasikan berdasarkan karakteristik: #id1 {xxx} /* a=1 b=0 c=0 ——> karakteristik = 100 */ UL UL LI.red {xxx} /* a=0 b = 1 c=3 ——> Ciri = 013 */ LI.red {xxx} /* a=0 b=1 c=1 ——> Ciri = 011 */ LI {xxx} /* a=0 b=0 c =1 ——> Fitur = 001 */Urutan fitur adalah untuk kemudahan. Jika dua aturan memiliki bobot yang sama, aturan berikutnya akan diambil.
Ketika beberapa style sheet digunakan, style sheet harus bersaing untuk mengontrol penyeleksi tertentu. Dalam kasus ini, selalu ada aturan style sheet yang mengambil kendali. Properti berikut akan menentukan hasil dari style sheet yang bersaing.
Seperti disebutkan sebelumnya, baik penulis halaman web maupun pembaca memiliki kemampuan untuk menentukan style sheet. Ketika kedua aturan tersebut bertentangan, aturan pembuat halaman web akan mengesampingkan aturan pembaca lainnya yang memiliki bobot yang sama. Style sheet pembuat dan pembaca halaman web melebihi style sheet bawaan browser.
Penulis halaman web harus menggunakan aturan penting ! dengan hati-hati, karena aturan tersebut akan mengesampingkan aturan penting apa pun yang dimiliki pengguna. Misalnya, pengguna mungkin memerlukan font besar atau warna tertentu karena kendala visual, dan pengguna tersebut mungkin menyatakan aturan gaya tertentu sebagai penting, karena gaya ini sangat penting bagi pengguna untuk membaca halaman web. Aturan apa pun yang penting akan mengesampingkan aturan umum, jadi disarankan agar penulis halaman web menggunakan aturan umum untuk memastikan bahwa pengguna dengan kebutuhan gaya khusus dapat membaca halaman web.
Aturan pemilih: Atribut yang dihitung didasarkan pada tingkat atributnya. Style sheet juga dapat mengesampingkan style sheet yang bertentangan. Ini hanyalah permainan statistik yang menghitung jumlah penyeleksi yang ditentukan.
Hitung jumlah atribut ID di pemilih.
Hitung jumlah atribut CLASS di pemilih.
Format nama tag HTML di pemilih statistik.
Terakhir, tuliskan ketiga angka tersebut dengan urutan yang benar tanpa spasi atau koma untuk mendapatkan angka tiga digit. (Perhatikan bahwa Anda perlu mengonversi angka tersebut menjadi angka yang lebih besar yang diakhiri dengan tiga digit.) Daftar angka terakhir yang sesuai dengan pemilih memudahkan untuk menentukan bahwa properti dari angka yang lebih tinggi akan menggantikan properti dari angka yang lebih rendah. Berikut daftar selector yang diklasifikasikan berdasarkan karakteristik: #id1 {xxx} /* a=1 b=0 c=0 ——> karakteristik = 100 */ UL UL LI.red {xxx} /* a=0 b = 1 c=3 ——> Ciri = 013 */ LI.red {xxx} /* a=0 b=1 c=1 ——> Ciri = 011 */ LI {xxx} /* a=0 b=0 c =1 ——> Fitur = 001 */Urutan fitur adalah untuk kemudahan. Jika dua aturan memiliki bobot yang sama, aturan berikutnya akan diambil.