Bagaimanakah Saya Boleh Mengatasi Gaya Sebaris dalam CSS Tanpa JavaScript atau jQuery?

Mengatasi Masalah Gaya Sebaris dengan CSS

Penggayaan sebaris, walaupun mudah dalam elemen HTML, boleh menimbulkan cabaran apabila cuba mengatasinya dengan CSS. Walau bagaimanapun, terdapat penyelesaian yang membolehkan anda mengawal gaya sebaris tanpa menggunakan JavaScript atau jQuery.

Kepentingan "!penting"

Untuk mengatasi atribut gaya sebaris dalam contoh anda, anda perlu menggunakan kata kunci "!penting" dalam peraturan CSS anda. Khususnya, anda akan menambah kod CSS berikut pada dokumen anda:

div {
   color: blue !important;
}

Perisytiharan "!penting" menunjukkan bahawa peraturan CSS harus mempunyai keutamaan yang lebih tinggi daripada gaya sebaris. Ini memastikan CSS anda akan mengatasi gaya sebaris, tidak kira apa pun.

Contoh:

Berikut ialah versi terlaras bagi contoh anda dengan tambahan yang diperlukan:

<div>
<pre class="brush:php;toolbar:false">div {
    color: blue !important;
}

Selepas menambah kata kunci "!penting", gaya sebaris untuk warna teks akan ditindih oleh peraturan CSS. Akibatnya, teks akan muncul dalam warna biru, walaupun gaya sebaris dinyatakan merah.