Bagaimanakah Saya Boleh Mengakses Sifat Gaya CSS Pseudo-elemen dengan jQuery?

Mengakses Sifat Gaya Elemen Pseudo dengan jQuery

Memandangkan batasan melintasi peraturan CSS, artikel ini meneroka menggunakan pemilih jQuery untuk mencari elemen dengan kesan khusus yang disebabkan oleh peraturan unsur pseudo.

Untuk contoh, pertimbangkan elemen:

.commentarea .author:before {
    background-image: url(http://...);
    background-position: -9999px -9999px;
}

yang boleh diubah suai secara terpilih:

.author[href$="gbacon"]:before /* ... */ {
  content: "";
  background-position: 0 -140px
}

Untuk memilih elemen pseudo dengan kedudukan latar belakang lalainya, sintaks pemilih berikut tidak berfungsi:

$(".commentarea .author:before")

Begitu juga, percubaan untuk menggunakan .siblings() untuk mencari elemen dengan imej latar belakang tertentu kembali kosong keputusan.

Inti isu terletak pada sifat unsur pseudo. Mereka tidak mempunyai pemilih bebas dan sebaliknya mengubah suai elemen sekeliling. Dengan kata lain, :sebelum dan :selepas jangan pilih; mereka mengubah suai.

Contohnya, dalam HTML:

<span>

dan CSS:

.a .b:before {
    content: "|Inserted using :before|";
}

teks "|Dimasukkan menggunakan :sebelum|" disisipkan sebelum elemen span dalam kerana kelas b ialah keturunan kelas a. Ini menunjukkan bahawa elemen pseudo tidak mempunyai pemilih sendiri tetapi mempengaruhi elemen induknya.

Oleh itu, tidak mungkin untuk memilih elemen pseudo secara langsung menggunakan sintaks pemilih jQuery standard. Satu penyelesaian yang berpotensi ialah menggunakan pemalam jQuery seperti jQueryRule (http://flesler.blogspot.com/2007/11/jqueryrule.html) untuk mengekstrak peraturan CSS asal.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengakses Sifat Gaya CSS Pseudo-elemen dengan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!