Jika terdapat situasi: kami menggunakan tiga kaedah untuk menetapkan gaya css untuk elemen yang sama pada masa yang sama, maka kaedah manakah yang benar-benar berkesan? Inilah yang berlaku dalam editor di sebelah kanan
1 Gunakan 内联式
CSS untuk menetapkan teks "Super Cool Internet" kepada 粉色
.
2. Kemudian gunakan 嵌入式
CSS untuk menetapkan teks kepada 红色
.
3 Akhir sekali, gunakan 外部式
untuk menetapkan teks kepada 蓝色
(ditetapkan dalam fail style.css).
Tetapi akhirnya anda dapat melihat bahawa teks perkataan pendek "Cool Internet" ditetapkan kepada 粉色
. Oleh kerana ketiga-tiga gaya ini mempunyai keutamaan, ingat keutamaannya: 内联式 > 嵌入式 > 外部式
Tetapi terbenam>gaya luaran mempunyai prasyarat: Kedudukan gaya css terbenam mesti berada di belakang gaya luaran. Sebagai contoh, dalam editor kod yang betul, kod <link href="style.css" ...> ; kod (sebenarnya Ini juga ditulis semasa pembangunan). Rakan-rakan yang berminat boleh mencubanya, membalikkan pesanan mereka dan melihat jika keutamaan mereka berubah.
Malah, secara ringkasnya, ia adalah --就近原则(离被设置元素越近优先级别越高)
.