優先順位・個別性・!important宣言｜CSSの基本｜CSS HappyLife ZERO
CSSの適用方法は多種多様です。様々な指定を行うため、これらが競合した場合に備え、優先度が決められています。 スタイルのもっとも基本的な優先順位は、「後から読み込んだスタイルを優先的に適用」します。 読み込む順序は、上から読み込まれていきますので、以下のような場合は後から書いているスタイルが優先されます。 p { color: #000; } p { color: #333; } これで後から書いているcolor: #333;が優先されます。 また、次のように書いたとします。 p.note { color: red; } .note { color: orange; } <p class="note"> ちょっとした注意書きみたいな文書 </p> この場合は、後から書いているcolor: orange;が反映されずに、先に書かれているcolor: red;が優先されます。 これはセレクタに
ID名、クラス名に関して｜Tips・コラム｜CSS HappyLife ZERO
ID名やクラス名は、扱える文字さえ守れば任意の文字で付ける事ができます。 いくら任意だからといって、あまりにも適当なID、クラス名を付けてしまうと後々CSSを確認した時に何が何だか分からなくなってしまう可能性もあります。 そのため、どの様なID、クラス名を付けるかは悩める部分でもありますが、特別な理由が無い限り見た目や位置に関するID、クラス名は付けないようにする事が望ましいです。 見た目や位置に関するID、クラス名とは、#left、.rightBox、.red、.font16pxなどが考えられます。 ではなぜ、見た目や位置に関するID、クラス名は付けない方が良いかというのは、そもそも(X)HTMLは文章の構造を表すものでうんたらかんたらといった理由も有りますが、これらのID、クラス名はサイトの仕様が変更された場合に矛盾が生じてしまいます。 例えば、.redと付けたのは良いが、後から太字に
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
