참고) 아래의 순번은 CSS Diner의 번호와 다름.
<orange class="small"></orange>
orange.small {};
<bento>
<orange></orange>
</bento>
bento orange {};
plate * {};
plate + apple
plate ~ apple
<bento>
<orange class="small" />
</bento>
<pickle class="small" />
<pickle />
<plate>
<pickle />
</plate>
A > B
A B
라고만 하면, 바로 하위 뎁스가 아니라, 뎁스가 더 깊게 있더라도 가져옴.ul li:only-child
div apple:first-type-of
.example:nth-of-type(odd)
orange:nth-of-type, apple:nth-of-type
div:empty
apple:not(.small)
a[href]
input[type="checkbox"]