Penyelesaian tidak sah apabila berbilang atribut kelas ditakrifkan dalam HTML_HTML/Xhtml_Web pengeluaran halaman

Dalam proses menulis HTML, kami sering mentakrifkan berbilang nilai untuk atribut kelas, tetapi kami juga sering mendapati bahawa nilai yang kami tentukan adalah tidak sah! ! !

Apabila saya menghadapi situasi ini pada masa lalu, saya akan menulis semula secara langsung, atau terus menggunakan ID untuk menetapkan atribut css Tetapi hari ini saya memikirkannya, ada sesuatu yang tidak kena. . . Saya perlu mencari kebenaran! ! !

Salin kod

Kod tersebut adalah seperti berikut:

Saya berada dalam dua Warna yang ditetapkan dalam setiap kelas adalah berbeza. Warna yang ditetapkan dalam middle_div ialah merah, dan set warna dalam padding_10 adalah hijau. Ini memberi saya perasaan pertama arah terbalik!

Jadi saya menukar dua kedudukan, dan ia masih hijau! !

Ini. . . .

Bolehkah? ? ?

Buka fail css dan lihat sudah tentu, padding_10 berada di hadapan middle_div Kemudian saya menukar kedudukan mereka

Muat semula penyemak imbas. ! !

Jadi, apabila mentakrifkan berbilang nilai kelas, pastikan anda meletakkan gaya kegemaran anda pada penghujungnya!
Tetapi, jika anda menambah div di hadapan padding_10 (dengan mengandaikan elemen induk ialah div) dan ia menjadi div.padding_10, maka anda akan mendapati bahawa tidak kira di mana ia berada, p div kami sentiasa hijau,

Seperti yang dapat dilihat daripada contoh ini, keutamaan gaya css ditentukan apabila fail css dimuatkan, dan bukannya ditentukan oleh kedudukan atribut kelas dalam html nanti.