セレクターを組み合わせて自由に指定する方法(結合子)
CSSには、複数の組み合わせ方法があり、それらを使いこなすことで、より短く記述したり、自由に装飾することができます。
その組み合わせの際に使う記号のことを、結合子といいます。
どんな組み合わせ方法があるのか、どの結合子を使うのか把握しておきましょう。
目次から読む
結合子を使ってセレクターを組み合わせる
| 係合方法 | 結合子 | 意味 | 具体例 |
| a, b | , (コンマ) | aとb | p, div |
| ab | 結合子なし(スペースもなし) | bが付与されたa | h2.info |
| a > b | >(大なり) | aの直下の階層にあるb | h2 > div |
| a b | 半角空白 | aの下の階層にあるb | h2 div |
| a + b | +(プラス) | aの直後にあるb | div + div |