Bagaimana untuk Mengubah Suai Secara Dinamik Lebar a :before Selector Menggunakan jQuery?

Manipulasi jQuery CSS :before Selectors

Apabila berhadapan dengan lebar imej dinamik dan keperluan untuk mengubah suai :before peraturan sewajarnya, mengakses pseudoclass ini hartanah melalui jQuery boleh menjadi satu cabaran. Walau bagaimanapun, terdapat penyelesaian untuk mencapai kefungsian ini.

Penyelesaian:

Untuk menyasarkan dan mengubah suai sifat lebar :before sambil membiarkan elemen lain tidak terjejas, anda boleh menggunakan pendekatan berikut:

$('head').append('<style>.column:before{width:800px !important;}</style>');

Kod ini menambahkan elemen gaya baharu pada kepala dokumen, mengatasi lebar peraturan :before asal dengan nilai tetap 800px. Bendera !important memastikan pengisytiharan gaya baharu diutamakan.

Demonstrasi:

Lihat demo langsung berikut untuk contoh praktikal:

[ Pautan Demo Langsung]

Alternatif:

Walaupun pendekatan yang dinyatakan di atas berkesan mengubah sifat lebar pemilih :before, tiada kaedah jQuery asli untuk mengakses peraturan pseudoclass secara langsung . Jika anda memerlukan kawalan atau fleksibiliti yang lebih terperinci, pertimbangkan untuk menggunakan pemalam khusus yang menangani isu ini secara khusus.

Atas ialah kandungan terperinci Bagaimana untuk Mengubah Suai Secara Dinamik Lebar a :before Selector Menggunakan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!