HTML5 pada mulanya mencadangkan atribut berskop untuk gaya elemen, bertujuan untuk mengehadkan penggunaan gaya kepada elemen induk elemen gaya dan keturunannya. Walau bagaimanapun, disebabkan pelaksanaan penyemak imbas yang terhad, ciri itu akhirnya digugurkan.
Pada masa ini, elemen gaya tanpa atribut berskop boleh muncul secara sah di mana-mana dalam dokumen. Walau bagaimanapun, spesifikasi memberi amaran terhadap kemungkinan penggayaan semula elemen dokumen lain yang tidak diingini.
Walaupun kekurangan sokongan atribut berskop, gaya berskop masih boleh dicapai dengan menggunakan pemilih eksplisit, seperti sebagai pemilih ID. Berikut ialah contoh:
<code class="html"><div id="myDiv"> <style> #myDiv p { margin: 1em 0; } #myDiv em { color: #900; } #myDiv whatever { /* ... */ } </style> <p>Some content here... </p> </div></code>
Pendekatan ini memastikan gaya digunakan hanya dalam elemen div yang ditetapkan. Ia memerlukan mengelakkan pertembungan ID, tetapi itu sudah menjadi amalan terbaik.
Setakat ini, tiada tanda-tanda atribut berskop diperkenalkan semula dalam HTML. Pendekatan pemilih eksplisit kekal sebagai teknik yang disyorkan untuk mencapai gaya berskop.
Atas ialah kandungan terperinci Adakah Atribut `skop` untuk Elemen `style` Masih Relevan dalam HTML5?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!