Menggunakan pemilih atribut untuk memilih elemen dalam CSS
P粉143640496
P粉143640496 2023-08-21 17:08:53
0
2
567
<p>Dalam CSS, adakah mungkin untuk memilih elemen melalui atribut data HTML5 (cth., <code>data-role</code>)? </p>
P粉143640496
P粉143640496

membalas semua(2)
P粉148434742

Atribut juga boleh dipilih dalam pelayar moden tanpa mengira kandungannya.

Gunakan kod berikut:

[data-my-attribute] {
   /* 样式 */
}

[anything] {
   /* 样式 */
}

Contohnya: http://codepen.io/jasonm23/pen/fADnu

Terpakai kepada kebanyakan penyemak imbas.

Perhatikan bahawa ini juga berfungsi dalam pemilih JQuery, atau menggunakan document.querySelector.

P粉543344381

Jika anda maksudkan menggunakan pemilih atribut, sudah tentu anda boleh:

[data-role="page"] {
    /* 样式 */
}

Terdapat pelbagai pemilih atribut yang boleh digunakan untuk senario yang berbeza, yang diperincikan dalam dokumentasi yang saya sediakan. Sila ambil perhatian bahawa walaupun atribut data tersuai ialah "ciri HTML5 baharu",

  • Penyemak imbas biasanya tidak mempunyai masalah menyokong atribut bukan standard, jadi anda sepatutnya boleh menapis menggunakan pemilih atribut dan

  • Anda juga tidak perlu risau tentang pengesahan CSS, kerana CSS tidak mengambil berat tentang nama atribut bukan ruang nama selagi ia tidak memecahkan sintaks pemilih.

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan