Zdarza się, że deklaracje stylu występują w różnych miejscach: styl lokalny, wewnętrzny, zewnętrznt, itp. Może wówczas dojść do konfliktu.
Zasada jednak jest taka, że pierwszeństwo mają deklaracje znajdujące się "bliżej" formatowanego elenemtu. Mówimy wówczas o kaskadowości, która określa ścisły priorytet stylów.
Ważność stylów została określina następująco:
Postępując zgodnie z zasadami kaskadowości stylów, w dokumencie HTML, polecenie dołączenia zewnętrznego arkusza trzeba umiećcić przed definicją arkusza wewnętrznego.
Zasady kaskadowości można zmienić. Służy do tego polecenie !important umieszczone w deklaracji stylu po wartości, której dotyczy.
Takie umieszczenie polecenia spowoduje, że będzie miało ono pierszeństwo, nawet w sytuacji gdy ma niższy priorytet.
Użycie polecenia !important w definicji stylu:
p{font-size: 20pt !important; color: green;}<p style="font-size:12pt; color: red;">Kaskadowe arkusze stylu</p>