Bagaimana untuk Mengatasi Gaya `!penting` Sebaris dalam CSS?

Mengatasi Gaya !penting Sebaris

Dalam CSS, bendera !important digunakan untuk menunjukkan bahawa sifat gaya harus diutamakan daripada semua yang lain pengisytiharan. Walau bagaimanapun, anda mungkin menghadapi situasi di mana anda perlu mengatasi gaya sebaris dengan !important daripada helaian gaya.

Pertimbangkan elemen HTML berikut:

<code class="html"><div style="display: none !important;"></div></code>

Jika anda ingin menjadikan elemen ini kelihatan , anda tidak boleh menggunakan peraturan !penting lain dalam helaian gaya anda, kerana ia tidak akan mengatasi gaya sebaris.

Penyelesaian

Untuk mengatasi gaya sebaris dengan !penting, anda mesti menggunakan bendera !important pada pemilih yang lebih khusus. Dalam kes ini, anda boleh menggunakan pemilih kelas seperti ini:

<code class="css">div.visible {
  display: block !important;
}</code>

Peraturan ini akan menyasarkan mana-mana elemen div dengan kelas yang boleh dilihat dan mengatasi paparan sebaris: tiada gaya, menjadikan elemen kelihatan.

<code class="html"><div style="display: none !important;" class="visible"></div></code>

Perhatikan bahawa teknik ini hanya berfungsi jika pemilih yang anda gunakan dalam helaian gaya anda lebih khusus daripada pemilih sebaris. Selain itu, secara amnya adalah amalan yang baik untuk mengelak daripada menggunakan !important secara berlebihan, kerana ia boleh menjadikan kod CSS anda lebih sukar untuk dikekalkan.

Atas ialah kandungan terperinci Bagaimana untuk Mengatasi Gaya `!penting` Sebaris dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!