Saat Anda menerapkan dua atau lebih aturan CSS pada teks yang sama, aturan tersebut dapat bertentangan dan memberikan hasil yang tidak diharapkan. Browser menerapkan aturan CSS sebagai berikut:
Jika dua aturan diterapkan pada teks yang sama, browser akan menampilkan semua properti dari kedua aturan tersebut, kecuali properti tertentu bertentangan. Misalnya, satu aturan mungkin menentukan warna teks menjadi biru, sementara aturan lain mungkin menentukan warna teks menjadi merah.
Jika properti dari dua aturan yang diterapkan pada teks yang sama bertentangan, browser menampilkan properti dari aturan terdalam (aturan yang paling dekat dengan teks itu sendiri). Oleh karena itu, jika style sheet eksternal dan gaya inline mempengaruhi elemen teks, gaya inline diterapkan.
Properti dalam aturan CSS khusus (aturan yang diterapkan menggunakan atribut class) akan menggantikan properti dalam gaya tag HTML jika ada konflik langsung.
Dalam contoh berikut, gaya yang ditentukan untuk h1 menentukan font, ukuran, dan warna semua paragraf h1, tetapi aturan CSS khusus .Biru yang diterapkan pada paragraf tersebut akan menggantikan pengaturan warna dalam gaya h1. Aturan CSS khusus lainnya, .Red, akan menggantikan .Blue karena berada di dalam gaya .Blue.
<h1><span class="Blue">Paragraf ini dikontrol oleh gaya kustom .Blue dan h1
Gaya tag HTML.<span class="Red">Kecuali kalimat ini dikontrol oleh gaya .Red.</span>
Sekarang kita kembali ke gaya .Blue.</span></h1>