Bagaimanakah saya Boleh Mengubah suai CSS ':selepas' Pemilih Menggunakan jQuery?

Menggunakan jQuery untuk Mengubah suai Pemilih ":after"

Mengakses pemilih CSS ":after" menggunakan jQuery boleh memberikan cabaran tertentu, kerana Elemen ":selepas" wujud di luar DOM dan tidak boleh diakses secara langsung. Walau bagaimanapun, terdapat penyelesaian untuk mencapai pengubahsuaian yang diingini.

Kelas CSS tersuai:

Satu pendekatan ialah mencipta kelas baharu dengan elemen ":selepas" tersuai yang diutamakan daripada yang asal. Contohnya:

.pageMenu .active.changed:after {
    border-top-width: 22px;
    border-left-width: 22px;
    border-right-width: 22px;
}

manipulasi jQuery:

Seterusnya, gunakan jQuery untuk menogol kelas tersuai pada elemen sasaran:

$('.pageMenu .active').toggleClass('changed');

Unsur pseudo manipulasi:

Sebagai alternatif, terokai "Memanipulasi elemen pseudo CSS menggunakan jQuery (cth. :sebelum dan :selepas)" untuk mendapatkan teknik tambahan membaca atau mengatasi elemen pseudo.

Atas ialah kandungan terperinci Bagaimanakah saya Boleh Mengubah suai CSS ':selepas' Pemilih Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!