Bagaimana untuk Mengatasi Pengisytiharan '!penting' CSS?

Cara Mengatasi Perisytiharan !penting

Apabila menyesuaikan CSS, anda mungkin menghadapi situasi di mana CSS asal menggunakan perisytiharan "!penting", menyekat keupayaan anda untuk mengatasinya . Walau bagaimanapun, terdapat dua kaedah untuk menangani cabaran ini:

Kaedah 1: Tingkatkan Kekhususan

Tambah peraturan CSS baharu dengan "!penting" dan tetapkan kekhususan yang lebih tinggi kepada pemilih. Kekhususan merujuk kepada kekhususan pemilih dalam menyasarkan elemen pada halaman. Anda boleh meningkatkan kekhususan dengan menambahkan teg tambahan, ID atau kelas pada pemilih. Contohnya:

table td    {height: 50px !important;} /* Highest Specificity */
.myTable td {height: 50px !important;}
#myTable td {height: 50px !important;} /* Lowest Specificity */

Kaedah 2: Gantikan Peraturan Sedia Ada

Tambahkan peraturan CSS dengan pemilih yang sama selepas peraturan sedia ada. Dalam kes peraturan yang bercanggah, yang terakhir ditakrifkan mengatasi yang sebelumnya.

td {height: 100px !important;} /* Original Rule */
td {height: 50px !important;} /* Overriding Rule */

NOTA: Walaupun kaedah ini boleh membantu anda mengatasi pengisytiharan "!penting", secara amnya adalah dinasihatkan untuk elakkan menggunakan "!penting" kerana ia boleh membawa kepada akibat yang tidak diingini dan menjadikan kod CSS anda lebih sukar untuk dikekalkan. Jika boleh, terokai penyelesaian alternatif untuk mencapai penggayaan yang diingini.

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