CSSを徹底的に学ぶ(1)

CSS徹底研究(1)

Githubページのブログ投稿

基本セレクター

マークセレクターh1 {...}

category.class_name{...}, class = のように2つのクラスが同時に動作します「one two」、競合する場合は、前者を選択してください

ID セレクター #id{...}

複合セレクター: 異なる方法で接続された 2 つ以上のセレクター

Intersection

h3.class_name { ... }

最初のものはタグセレクターである必要があり、2番目のものは（カテゴリセレクター）または（IDセレクター）である必要があり、間にスペースはなく、連続して記述する必要があります

共用体セレクターa_selector、b_selectorは複数の Selector

Descendant selector

div p { /* pdiv の下、すべての子孫を含む*/}

div>pdiv の直接の子孫

CSS 継承

含まれる小さなコンテナは、それを含むコンテナのスタイルを継承します。大きなコンテナ

ABCD

h1{ color : red; text-decoration : Underline;}em { color : blue;}

結果は次のようになります図に従うと、emはh1の下線を継承します

CSS優先度

inline style (style=) > ID style (#id) > class style (.class) > mark style (div)

2つのクラスが競合する場合選択する場合は、前者を選択してください

上記は CSS 徹底研究 (1) の内容です。その他の関連コンテンツについては、PHP 中国語 Web サイト (www.php.cn) に注目してください。