Bagaimanakah Saya Boleh Mengatasi Gaya `!penting` Sebaris dalam CSS?

Mengatasi Gaya !penting Sebaris

Mengenai penggayaan CSS, pengisytiharan sebaris membawa berat yang ketara. Bendera !important menandakan gaya sebaris sebagai kritikal dan sukar untuk diatasi. Walau bagaimanapun, terdapat keadaan di mana anda mungkin ingin membatalkan pengisytiharan ini.

Satu situasi biasa ialah apabila anda mempunyai set gaya sebaris, seperti:

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

Elemen ini akan disembunyikan daripada lihat disebabkan paparan: tiada perisytiharan. Adakah terdapat cara untuk mengatasi penggayaan sebaris ini dan menjadikan elemen kelihatan?

Jawapannya:

Ya, adalah mungkin untuk menimpa perisytiharan !penting sebaris menggunakan pengisytiharan yang serupa peraturan dalam lembaran gaya CSS. Anda boleh mencapai ini dengan menambahkan perkara berikut pada helaian gaya anda:

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

Peraturan ini akan menetapkan sifat paparan untuk disekat untuk semua elemen div, dengan berkesan mengatasi pengisytiharan sebaris dan menjadikan div tersembunyi kelihatan semula.

Perlu diingat bahawa gaya sebaris biasanya boleh ditindih, walaupun bendera !penting. Pertimbangkan contoh berikut:

<code class="html"><p style="color:blue;">I will be blue</p>
<p style="color:blue;" class="override">But I will be red</p></code>

<code class="css">.override {color:red !important;}</code>

Dalam kes ini, perenggan kedua akan kelihatan sebagai merah, mengatasi perisytiharan color:biru sebaris disebabkan oleh peraturan !penting yang ditambahkan pada kelas .override.

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