CSSを適用させたいHTML要素を指定するためのもの
セレクタ{ プロパティ: 値; }
*{ プロパティ: 値; }
div{ プロパティ: 値; }
.class{ プロパティ: 値; }
#id{ プロパティ: 値; }
div, .class, #id{ プロパティ: 値; }
div p{ プロパティ: 値; }
div > p{ プロパティ: 値; }
div ~ p{ プロパティ: 値; }
div + p{ プロパティ: 値; }
div[class]{ プロパティ: 値; }
div[class="card"]{ プロパティ: 値; }
div[class~="card"]{ プロパティ: 値; }
div[class^="card"]{ プロパティ: 値; }
div[class$="list"]{ プロパティ: 値; }
div[class*="card"]{ プロパティ: 値; }
div::before{ content: ''; プロパティ: 値; }
div::after{ content: ''; プロパティ: 値; }
p::first-line{ プロパティ: 値; }
p::first-letter{ プロパティ: 値; }
li:first-of-type{ プロパティ: 値; }
li:last-of-type{ プロパティ: 値; }
li:nth-of-type(2){ プロパティ: 値; }
li:nth-last-of-type(2){ プロパティ: 値; }
li:nth-of-type(odd){ プロパティ: 値; }
li:nth-of-type(even){ プロパティ: 値; }
li:nth-of-type(3n){ プロパティ: 値; }
li:only-child{ プロパティ: 値; }
ul:empty{ プロパティ: 値; }
#id:target{ プロパティ: 値; }
:root{ プロパティ: 値; }
a:hover{ プロパティ: 値; }
a:active{ プロパティ: 値; }
a:focus{ プロパティ: 値; }
a:link{ プロパティ: 値; }
a:visited{ プロパティ: 値; }
input:enabled{ プロパティ: 値; }
input:disabled{ プロパティ: 値; }
input:checked{ プロパティ: 値; }
li:not(:first-child){ プロパティ: 値; }