セレクターの種類
セレクターとは、CSSの { } 外側のことです。
要素型セレクターは、何もつけなくてOKです。
![](https://tumaboki.com/wp-content/uploads/2020/11/9f8ce9297cce7e4f808bf43db6b603f8.png)
![](https://tumaboki.com/wp-content/uploads/2020/11/c1f72c6cf2c102af0efef00023e4f443.png)
classセレクターは、. (ドット)をつけます。
![](https://tumaboki.com/wp-content/uploads/2020/11/ef79393832636209eeaa7c82be803248.png)
![](https://tumaboki.com/wp-content/uploads/2020/11/894a435099ad82d3e0639e9038384459.png)
idセレクターは、# (パウンド)をつけます。
![](https://tumaboki.com/wp-content/uploads/2020/11/5d8cae472856ad4e9da017c9308824fd.png)
![](https://tumaboki.com/wp-content/uploads/2020/11/4b72d65356e59aea3cb4dcc472662ada.png)
属性セレクターは、 [ ] (かっこ)をつけます。
![](https://tumaboki.com/wp-content/uploads/2020/11/2f29d6aa1a44f62674979002445e388c.png)
![](https://tumaboki.com/wp-content/uploads/2020/11/0be7608758f3ca8369913a98b50804e1-1.png)
全称セレクターは、* (アスタリスク)をつけます。
![](https://tumaboki.com/wp-content/uploads/2020/11/a74585bd2c54a0e184d83d5608314f2a-1.png)
![](https://tumaboki.com/wp-content/uploads/2020/11/bdcb3913d44913d13fbbca9a678948e2.png)
セレクターの組み合わせ
a,bは、aとbのセレクター
ab(半角空白なし)は、bが付与されたa
a > bは、aの直下の階層にあるb
a b(半角空白あり)は、aの下の階層にあるb
a * bは、aの直後にあるb
コメント