Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Menggabungkan Pemilih Kelas dan ID dalam CSS untuk Penyasaran Elemen Cekap?
Bagaimanakah Saya Boleh Menggabungkan Pemilih Kelas dan ID dalam CSS untuk Penyasaran Elemen Cekap?
- Susan Sarandonasal
- 2024-12-09 09:19:06766semak imbas
Menggabungkan Kelas dan ID dalam Pemilih CSS
Untuk menyasarkan elemen HTML dengan kedua-dua ID dan kelas, anda boleh menggunakan CSS berikut sintaks:
div#content.myClass
Pemilih ini akan memilih mana-mana
<div class="sectionA">
Anda juga boleh menggabungkan berbilang kelas dalam pemilih. Sebagai contoh, peraturan berikut akan memilih mana-mana
div#content.myClass.aSecondClass.aThirdClass
Walau bagaimanapun, sintaks ini tidak akan berfungsi dalam Internet Explorer 6. Untuk menyasarkan elemen tersebut dalam IE6, anda boleh menggunakan berikut:
div.firstClass.secondClass
Selain itu, anda boleh menggabungkan ID dan kelas dalam pemilih untuk menyasarkan elemen dengan ID yang ditentukan dan mana-mana kelas. Sebagai contoh, peraturan berikut akan memilih mana-mana
div#content.sectionA
Pertimbangan Prestasi
Adalah penting untuk ambil perhatian bahawa menggunakan nama teg (seperti "div" atau "p") dalam pemilih boleh memberi kesan kepada prestasi. Menggunakan nama teg memaksa penyemak imbas melakukan langkah penapisan tambahan, yang boleh memperlahankan pemaparan. Untuk meningkatkan prestasi, gunakan nama teg dalam pemilih hanya apabila perlu.
Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menggabungkan Pemilih Kelas dan ID dalam CSS untuk Penyasaran Elemen Cekap?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!