Keutamaan tiga kaedah

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 --就近原则（离被设置元素越近优先级别越高）.