結合
結合は、スタイルに提供される複数のソースから成り立っています。
HTML 環境では、ブラウザー、ユーザー、およびドキュメントという 3 つのソースがあります。結合は、スタイルのソースにしたがって別の重要度も固定します。ドキュメントのスタイルはユーザーのスタイルに優先されます。また、ユーザーのスタイルは特異性数が同じ場合にはブラウザーのスタイルに優先します。
これ以外に、あと 2 つ
!important
と inherit
というトークンがあります。これらは、宣言内の結合の優先度を変更するために使用されます。スタイル・シートは、別のシート (内部結合) をインポートすることもできます。構文は次のようになります。
@import "[url]" ;
import ステートメントは、スタイル・シートにおける最初のルールの前になければなりません。インポートされたルールの優先度は、
ルールで import ステートメントを置き換えるかのように計算されます。import の例を以下に示します。
@import "common.css" ;