CSS（装飾の指定方法）

　やばい、忘れてた。
　ギリギリセーフ。

　さて、今日からはCSSについて書く。

　セレクタとかプロパティの話は以下の記事に。

　CSSでは、線を引いたり、色をつけたりなど、ウェブサイトに装飾することができる。HTMLだけではできない。

　だけど、同じ装飾を複数箇所に施したい場合、１つ１つのセレクタに指定するのは大変だから、複数のセレクタに一気に指定もできる。
　今日はその方法の一部を書きたいと思う。

１　複数のセレクタを指定する

　複数のセレクタを「,（カンマ）」で区切り、つなげて記述することで装飾を適用できる。

h1,h2,h3,h4{
    color:red;
    }

　上記の場合は、h1、h2、h3、h4の文字色を赤にすることになる。

２　子要素を指定する

　親要素のセレクタと子要素のセレクタを半角スペースで区切ると、指定した親要素を持つ子要素にのみ装飾を適用できる。

article h1{
    color:red;
    }

　上記の場合、article要素の中にあるh1要素の文字色を赤にすることになる。
　例えば、section要素にあるh1要素が上記のほかにあったとしたら、それには適用されない。

　これ以外にも指定方法が色々あるけど、今の自分のレベルだと、この２つだけしか使えない。
　だから、これからも勉強していかなくちゃ。