CSSの適用優先順位

以前から気になっていたけど、調べていなかったCSSの適用優先順位。
基本は、後で出てきた設定を優先する。
それよりも、詳細に書かれたセレクタを優先する。

試してみた。
redParagraphは、cssの一番最後のredを適用する。blueParagraphは、2つ目のblueを適用する。
html


<body>
<p class="redParagraph">これは赤色になる。</p>
<p class="blueParagraph">これは青色になる。</p>
</body>

css


p {
color: green;
}

p.blueParagraph{
color: blue;
}

p {
color: red;
}

CSSの書き方

CSSの書き方を忘れてしまったので残しておく。


selector {
    property: value;
}

// 例:p要素の色を緑色にする
p {
    color: green;
}

HTML文書の中のidとclass
id属性の名称は、そのHTMLの中で複数回の使用不可。
class属性の名称は、そのHTMLの中で複数回の使用可能。

cssの中でid属性、class属性を指定するとき。
id属性は、「#」で指定する。
class属性は、「.」で指定する。