xml mempunyai tiga pemilih paling asas: "pemilih elemen", "pemilih kelas" dan "pemilih ID": 1. Pemilih elemen, pemilih paling asas, memadankan elemen mengikut nama elemen; 2. Kelas Pemilih memadankan elemen mengikut nama kelas , dan formatnya ialah menambah titik "." sebelum nama kelas 3. Pemilih ID, memadankan elemen mengikut ID, dan formatnya ialah menambah tanda paun "#" sebelum ID.
Sistem pengendalian tutorial ini: sistem Windows 10, komputer Dell G3.
Terdapat pemilih berikut dalam XML:
- Pemilih elemen: Ini ialah pemilih paling asas, memadankan elemen mengikut nama elemen. Contohnya, ialah pemilih elemen yang memilih elemen bernama "productame".
- Pemilih kelas: Padankan elemen mengikut nama kelas. Format pemilih kelas adalah untuk mendahului nama kelas dengan titik (.). Sebagai contoh, .className ialah pemilih kelas yang memilih elemen dengan nama kelas "className".
- Pemilih ID: Padankan elemen mengikut ID. Format pemilih ID ialah menambah tanda paun (#) sebelum ID. Contohnya, #IDName ialah pemilih ID yang memilih elemen dengan ID "IDName".
Selain daripada tiga pemilih asas di atas, terdapat pemilih lain yang lebih kompleks:
- Pemilih keturunan: boleh memilih elemen anak bagi elemen tertentu. Sebagai contoh, div p akan memilih semua elemen p di dalam elemen div.
- Pemilih elemen kanak-kanak: Elemen anak langsung bagi elemen tertentu boleh dipilih. Contohnya, div > p akan memilih semua elemen p yang merupakan anak langsung unsur div.
- Pemilih adik beradik bersebelahan: Anda boleh memilih elemen adik beradik seterusnya atau sebelumnya bagi elemen tertentu. Sebagai contoh, h1 + p akan memilih semua elemen p serta-merta mengikuti elemen h1.
- Pemilih atribut: Elemen dengan atribut khusus boleh dipilih. Sebagai contoh, input[type="text"] akan memilih semua elemen input jenis "text".
Berikut ialah contoh yang menunjukkan cara menggunakan pemilih ini:
<root>
<productame class="red">This is a product</productame>
<price class="blue">100</price>
<productame class="green">Another product</productame>
</root>
Salin selepas log masuk
Dalam contoh ini, elemen ini boleh digayakan menggunakan peraturan CSS berikut:
/* 使用元素选择器 */
productame {
font-size: 20pt;
}
/* 使用类选择器 */
.red {
color: red;
}
.blue {
color: blue;
}
/* 使用ID选择器 */
#price {
color: green;
}
Salin selepas log masuk
Dalam CSS ini, pemilih productame akan semua elemen
Atas ialah kandungan terperinci Apakah pemilih yang ada pada xml?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!