Apakah prinsip kedekatan gaya CSS?

Dalam CSS, prinsip kedekatan gaya bermakna apabila berbilang peraturan gaya berbeza digunakan pada elemen yang sama, jika berat gaya adalah sama, gaya yang hampir dengan elemen mempunyai keutamaan yang paling besar; juga Boleh difahami bahawa apabila berbilang gaya mempunyai berat yang sama, gaya yang berada di kedudukan terakhir mempunyai keutamaan tertinggi.

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.

Apakah prinsip kedekatan gaya CSS?

Keutamaan CSS

Dalam helaian gaya CSS yang kompleks, selalunya ia tidak semudah menyusun nilai yang berbeza daripada gaya yang sama , selalunya dua atau lebih peraturan gaya berbeza digunakan pada elemen yang sama Dalam kes ini, gaya yang manakah harus digunakan? Ini ialah isu keutamaan CSS biasa.

Untuk menangani isu keutamaan, ia adalah untuk mempertimbangkan berat gaya. Berikut ialah beberapa situasi istimewa untuk diperkenalkan kepada anda:

==Berat gaya yang diwarisi ialah 0. ==Dalam erti kata lain, dalam struktur bersarang, tidak kira berapa besar berat gaya elemen induk, apabila elemen anak mewarisi, berat yang digunakan pada elemen anak ialah 0, iaitu gaya yang ditakrifkan oleh elemen anak. akan mengatasi semua gaya yang diwarisi.

== Gaya sebaris diutamakan. ==Berat gaya sebaris elemen yang digunakan atribut gaya adalah sangat tinggi, yang boleh difahami lebih besar daripada 100. Ringkasnya, ia mempunyai keutamaan yang lebih tinggi daripada pemilih yang dibangkitkan di atas.

Apabila pemberat adalah sama, CSS mengikut prinsip kedekatan. Maksudnya, gaya yang paling hampir dengan elemen mempunyai keutamaan tertinggi, atau gaya yang berada di kedudukan terakhir mempunyai keutamaan tertinggi.

CSS mentakrifkan perintah !penting, yang diberi keutamaan tertinggi. Maksudnya, tanpa mengira berat dan jarak kedudukan gaya, !penting mempunyai keutamaan tertinggi.

berat css

Mengenai berat CSS, kami memerlukan satu set formula pengiraan untuk mengiranya Ini ialah Kekhususan CSS, yang kami panggil ciri CSS atau luar biasa standard untuk mengukur keutamaan nilai CSS Spesifikasi khusus adalah seperti berikut:

Kekhususan diwakili oleh rentetan nombor empat digit (CSS2 ialah tiga digit), lebih seperti empat tahap, dengan nilai ​​dari kiri ke kanan yang di sebelah kiri adalah yang terbesar, satu aras lebih besar daripada satu aras, tiada asas antara digit dan aras tidak boleh diatasi.

(Mempelajari perkongsian video: tutorial video css)

Atas ialah kandungan terperinci Apakah prinsip kedekatan gaya CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!