Keutamaan tiga ...LOGIN

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

bahagian seterusnya
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>样式网页</title> <link href="style.css" rel="stylesheet" type="text/css"> <style type="text/css"> span{ color:red; } </style> </head> <body> <p>PHP中文网,<span style="color:pink">超酷的互联网</span>、IT技术免费学习平台,创新的网络一站式学习、实践体验;服务及时贴心,内容专业、有趣易学。专注服务互联网工程师快速成为技术高手!</p> </body> </html>
babperisian kursus