スタイルシートには、ドキュメント及びスタイルシートの「作成者」、ドキュメントの「ユーザー」、「ユーザー・エージェント」の三者が関わります。

　上記の三者は役割の重複する部分もあり、カスケードに従って相互作用します。

　CSSのカスケードでは、各スタイルの規則を重み付けし、最も重みの大きい規則が優先されます。

　原則として、作成者のスタイルシートは、ユーザーのスタイルシートのルールよりも優先されますが、'!important'規則はユーザーのスタイルシートを優先します。ユーザーと作成者のスタイルシートの規則は、ユーザー・エージェントのデフォルトのスタイルシートの規則よりも優先されます。

　カスケードされたスタイルシートの中から、ユーザー・エージェントは次の並べ替えにより属性と値の組み合わせを決定します。

1. ターゲットのメディアタイプで適用される宣言の中から、目的の要素と属性に適用されるすべての宣言を検索します。セレクタが目的の要素と一致し、宣言を含むすべての@media規則と、スタイルシートに到達したパス上のすべてのリンク上のメディアリストと一致する場合、宣言が適用されます。
2. 重要度（通常または重要）と起点（作成者、ユーザー、またはユーザー・エージェント）に従ってソートします。宣言の優先順位は次の順で高くなります。
   1. ユーザー・エージェントの宣言
   2. ユーザーの通常の宣言
   3. 作者の通常の宣言
   4. 作者の重要な宣言
   5. ユーザーの重要な宣言
3. セレクタの指定で同じ重要性とみなされ、起源（作者、ユーザー、UA）が同じを規則をソートします。具体性の高いセレクタは一般的な具体性の低いセレクタをオーバーライドします。疑似要素と疑似クラスは、それぞれ通常の要素とクラスとしてカウントされます。
4. 最後に、指定された順序による並べ替えを行います。2つの宣言が同じ重み、同じ起点、同じ指定の場合、後者が優先されます。インポートされたスタイルシートは、スタイルシートのインポート宣言の前にあるとみなされます。

　!important宣言を使えば、規則の優先順位を変更することができます。