Pada artikel ini, kita akan mempelajari cara kerja penggantian gaya CSS. Cascading Style Sheets disebut sebagai CSS, adalah bahasa yang dirancang sederhana yang dimaksudkan untuk menyederhanakan proses pembuatan halaman web yang rapi. CSS memungkinkan Anda menerapkan gaya ke halaman web. Lebih penting lagi, CSS memungkinkan Anda melakukan ini terlepas dari HTML yang membentuk setiap halaman web
Utama. Mengesampingkan dalam CSS berarti Anda memberikan properti gaya apa pun ke elemen yang gayanya telah Anda sediakan. Misalnya, jika Anda telah memberikan beberapa gaya ke suatu elemen dengan menggunakan CSS eksternal dan setelah itu, Anda perlu mengubah CSS tetapi jika Anda tidak menemukan di mana Anda telah menulis kode maka Anda dapat mengganti gaya dengan menggunakan di
Urutan prioritas
inline stylesheet [highest] >> … tags >> external style sheet[lowest]
Inline stylesheet: If you are using any Inline stylesheet, then it takes the highest priority, and therefore, it will override any property defined in … tags or property defined in an external style sheet file.
Style tag: If you are using any property defined in … tag, it will override the property defined in any external style sheet file.
CSS eksternal. Jika Anda menggunakan properti apa pun yang ditentukan dalam file lembar gaya eksternal maka properti tersebut mengambil prioritas terendah, dan properti yang ditentukan dalam file ini hanya akan diterapkan jika dua properti di atas tidak berlaku
Contoh 1. Dalam contoh di bawah ini, kami telah mengganti properti. Pertama, kita telah mendefinisikan warna header1 menjadi merah dengan tag gaya kemudian mengganti warna header1 menjadi hijau dengan menggunakan lembar gaya sebaris
HTML
_