Contoh penggunaan atribut Scoped dalam petua tutorial HTML5

Istimewanya, terdapat atribut baharu yang membolehkan kami mengawal atribut berbilang elemen, iaitu: berskop. Atribut berskop baharu yang muncul pada teg gaya boleh menjadikan gaya CSS hanya berkuat kuasa pada elemen tempatan Secara khusus, ia berkuat kuasa pada sub-elemen elemen yang menyimpan gaya gaya ini atribut skop baharu ditambah.

/* gaya pergi ke sini */

Gaya dengan atribut berskop hanya akan digunakan pada elemen semasa dan elemen anaknya. Gaya sebaris masih mempunyai keutamaan yang lebih tinggi daripada gaya berskop, jadi sebaiknya elakkan menggunakan gaya sebaris Berikut ialah gabungan beberapa gaya untuk membandingkan julat kecekapannya:

Salin kod

Kod adalah seperti berikut:

<< div> ;

Atribut berskop baharu ini merupakan ciri yang sangat berguna, terutamanya bagi mereka yang membuat templat, atau pengguna CMS, atau sesetengah pembangun yang tidak dapat mengendalikan keseluruhan fail gaya. Tetapi perlu diingat bahawa sesetengah penyemak imbas lama tidak menyokong atribut ini Dalam kes ini, anda mungkin perlu menggunakan pemalam jQuery (https://github.com/thingsinjars/jQuery-Scoped-CSS-plugin. ) untuk menyelesaikan masalah ini.

Label berkaitan：

html5

sumber：php.cn

Artikel sebelumnya：Cara meletakkan gambar dalam Kanvas HTML5 dan menyimpannya sebagai petua tutorial pictures_html5 Artikel seterusnya：Simpanan tempatan HTML5 storan tempatan, pangkalan data tempatan, sesiStorage contoh penggunaan mudah_html5 kemahiran tutorial

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang