Bagaimana untuk menutup! penting?

Question

Saya mencipta helaian gaya tersuai yang mengatasi CSS asal templat WordPress saya. Walau bagaimanapun, pada halaman kalendar saya, CSS asal menetapkan ketinggian setiap sel jadual menggunakan pengisytiharan !penting

td {ketinggian: 100px !important}

Adakah terdapat cara untuk mengatasi ini?

Answer 1

Selain mengatasi style 属性设置的样式之外，!important hanya jika pemilih dalam helaian gaya adalah dengan kekhususan.

Tetapi walaupun kekhususan anda bercanggah, lebih baik anda membuat pemilih yang lebih khusus untuk pengecualian. Dalam kes anda, adalah lebih baik untuk memasukkan pemilih yang lebih khusus dengan peraturan class，您可以使用它来创建不需要 !important dalam HTML.

td.a-semantic-class-name { height: 100px; }

Saya secara peribadi tidak pernah menggunakan !important。请记住，CSS 中的 C 表示级联。使用 !important dalam lembaran gaya yang akan memecahkan ini.

Answer 2

Timpa !pengubah suai penting

1. Hanya tambahkan peraturan CSS lain menggunakan !important dan berikan pemilih lebih khusus (tambah teg tambahan, id atau kelas pada pemilih)
2. Tambahkan peraturan CSS dengan pemilih yang sama selepas peraturan sedia ada (dalam seri, peraturan yang ditentukan terakhir menang).

Beberapa contoh dengan kekhususan yang lebih tinggi (pertama adalah tertinggi/liputan, ketiga adalah terendah):

table td    {height: 50px !important;}
.myTable td {height: 50px !important;}
#myTable td {height: 50px !important;}

Atau tambahkan pemilih yang sama selepas pemilih sedia ada:

td {height: 50px !important;}

Penafian:

Menggunakan !important几乎从来都不是一个好主意。这是 WordPress 模板创建者的糟糕工程。它以病毒式传播的方式强制模板的用户添加自己的 !important hampir tidak pernah menjadi idea yang baik. Ini adalah kejuruteraan yang lemah oleh pencipta templat WordPress. Ia menjadi viral dengan memaksa pengguna templat menambah pengubah

mereka sendiri untuk mengatasinya dan mengehadkan pilihan untuk mengatasinya melalui JavaScript.

Walau bagaimanapun, adalah berguna untuk mengetahui cara

mengatasinya jika diperlukan pada masa-masa tertentu. 🎜