cari

Rumah  >  Soal Jawab  >  teks badan

Menggunakan pemilih atribut untuk memilih elemen dalam CSS

<p>Dalam CSS, adakah mungkin untuk memilih elemen melalui atribut data HTML5 (cth., <code>data-role</code>)? </p>
P粉143640496P粉143640496463 hari yang lalu508

membalas semua(2)saya akan balas

  • P粉148434742

    P粉1484347422023-08-22 10:02:48

    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.

    balas
    0
  • P粉543344381

    P粉5433443812023-08-22 00:12:05

    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.

    balas
    0
  • Batalbalas