Bagaimanakah Saya Boleh Mengatasi Pengubahsuai `!penting` dalam CSS?

Mengatasi pengubah !important dalam CSS

Dalam CSS, pengisytiharan !important digunakan untuk menentukan bahawa peraturan gaya tertentu harus diutamakan daripada semua peraturan lain yang mungkin digunakan pada elemen yang sama. Ini boleh berguna dalam situasi tertentu, tetapi ia harus digunakan dengan berhati-hati kerana ia boleh menyukarkan lembaran gaya anda untuk diselenggara.

Satu senario biasa di mana anda mungkin perlu mengatasi pengisytiharan !penting ialah apabila anda mencipta tersuai helaian gaya yang mengatasi CSS asal untuk templat WordPress. Walau bagaimanapun, CSS asal mungkin telah menggunakan pengisytiharan !important untuk menetapkan ketinggian setiap sel jadual.

Terdapat dua cara untuk mengatasi pengisytiharan !important:

1. Tambahkan satu lagi peraturan CSS dengan !important dan berikan pemilih kekhususan yang lebih tinggi. Kekhususan ialah ukuran seberapa khusus pemilih CSS untuk sesuatu unsur. Lebih spesifik sesuatu pemilih, lebih tinggi kekhususannya. Anda boleh meningkatkan kekhususan pemilih dengan menambahkan teg, id atau kelas tambahan pada pemilih. Sebagai contoh, peraturan berikut akan mengatasi peraturan asal kerana ia mempunyai kekhususan yang lebih tinggi:

table td {height: 50px !important;}

2. Tambah peraturan CSS dengan pemilih yang sama pada satu ketika kemudian daripada yang sedia ada. Dalam seri, peraturan terakhir yang ditentukan menang. Sebagai contoh, peraturan berikut akan mengatasi peraturan asal kerana ia ditakrifkan selepas peraturan asal:

td {height: 50px !important;}

Penafian: Hampir bukan idea yang baik untuk menggunakan !important . Ini adalah kejuruteraan yang buruk oleh pencipta templat WordPress. Dalam fesyen viral, ia memaksa pengguna templat menambah pengubah !penting mereka sendiri untuk mengatasinya dan ia mengehadkan pilihan untuk mengatasinya melalui JavaScript. Walau bagaimanapun, adalah berguna untuk mengetahui cara mengatasinya, jika kadangkala anda terpaksa.

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