Perintah kelas CSS di HTML tidak penting

Betul! Dan saya juga boleh membuktikannya. Mari lihat beberapa CSS terlebih dahulu:

 .a {
  warna: merah;
}

.b {
  Warna: Biru;
}

Dan sekarang mari kita lihat beberapa markup:

 <div> inilah beberapa teks </div>

Teks itu akan menjadi biru kerana .b ditakrifkan terakhir dalam CSS, bukan? Tetapi bagaimana jika kita pergi dan menukar susunan di mana kelas tersebut dipanggil dalam HTML:

 <div> inilah beberapa teks </div>

Apa warna yang anda fikirkan teks itu? Merah atau Biru?

Ini pastinya mungkin terdengar seperti soalan yang bodoh tetapi ia cenderung untuk melakukan banyak orang yang terbiasa dengan penyelesaian CSS-in-JS. Dan minggu ini saya telah bercakap dengan dua jurutera akhir depan yang sangat senior yang berfikir sama juga!

Tetapi teks dalam contoh di atas akan sentiasa menjadi biru tidak kira apa yang memerintahkan kelas CSS berada. Dan itu kerana markup hanya membaca CSS dalam urutan yang ditulis - Cascade menang dalam contoh ini.

Atas ialah kandungan terperinci Perintah kelas CSS di HTML tidak penting. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!