WEBデザイン

CSS のセレクタ

更新日:

セレクタには、スタイルを適用する対象となる要素を指定します。要素の指定は様々な方法があります。
h1 { color: red; }   /* h1要素に対して指定 */
h1, h2 { color: red; }   /* h1 と h2要素に対して指定 */
ul li { color: red; }   /* <ul>~</ul> の中にある li要素に対して指定 */
.sample { color: red; }   /* class="sample" を持つ要素に対して指定 */
#sample { color: red; }   /* id="sample" を持つ要素に対して指定 */
h1.sample { color: red; }  /* class="sample" を持つ div要素に対して指定 */
a:link { color: red; }   /* <a href="..."> のリンク(未訪問)に対して指定 */
これを覚えておけばCSSの適応範囲をコントロールできます。

-WEBデザイン
-