Bagaimana Saya Boleh Mengatasi Peraturan `!penting` dalam CSS?

Mengatasi Peraturan !important dalam CSS

Apabila menyesuaikan CSS untuk templat Wordpress, didapati bahawa CSS asal menetapkan sifat dengan pengisytiharan !important, menjadikannya sukar untuk ditimpa.

Kaedah untuk Mengatasi

Untuk mengatasi peraturan !penting, terdapat dua kaedah:

1. Tingkatkan Kekhususan Pemilih: Tambahkan teg tambahan, ID atau kelas pada pemilih, memberikannya kekhususan yang lebih tinggi daripada peraturan asal. Contohnya:

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

2. Susun Semula Peraturan CSS: Tambahkan pemilih yang sama pada titik kemudian dalam helaian gaya, kerana peraturan terakhir yang ditakrifkan menang dalam acara itu seri:

   td {height: 100px !important;}
   td {height: 50px !important;}

Tambahan Pertimbangan

Walaupun mengatasi !important boleh menyelesaikan isu tertentu, adalah penting untuk ambil perhatian bahawa penggunaannya secara amnya tidak digalakkan dalam pembangunan web. Kejuruteraan yang tidak baik untuk bergantung pada !penting dan boleh menyebabkan kekhususan yang berlebihan, merumitkan penyelenggaraan CSS.

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