Bagaimanakah Saya Boleh Mengatasi Gaya Sebaris dalam HTML dengan CSS Luaran?

Mengatasi Gaya Sebaris dengan CSS Luaran

Apabila bekerja dengan penanda HTML yang mengandungi gaya sebaris, anda mungkin menghadapi situasi di mana anda perlu mengatasinya gaya menggunakan CSS luaran. Walau bagaimanapun, menggunakan peraturan CSS biasa mungkin tidak selalu berfungsi seperti yang dimaksudkan.

Untuk mengatasi gaya sebaris dengan berkesan, anda boleh menggunakan kata kunci !penting dalam peraturan CSS anda. Kata kunci ini menambah keutamaan yang lebih tinggi pada peraturan, membolehkan ia berkuat kuasa walaupun terdapat gaya sebaris.

Sebagai contoh, pertimbangkan penanda HTML berikut:

<div>
<p>Jika anda mencuba untuk mengatasi gaya sebaris elemen div menggunakan peraturan CSS:</p>
<pre class="brush:php;toolbar:false">div {
    color: blue;
}

Gaya sebaris tidak akan ditindih. Untuk memastikan gaya sebaris ditimpa, gunakan kata kunci !important:

div {
    color: blue !important;
}

Dengan menambahkan !penting pada peraturan, anda memberikan keutamaan yang lebih tinggi berbanding gaya sebaris. Akibatnya, teks dalam elemen div kini akan dipaparkan dalam warna biru, walaupun gaya sebaris secara eksplisit menetapkan warna kepada merah.