li { color: #00F; }
li:nth-child(odd) { color: #F00; }
li:last-child { color: #00F; }
↓
li { color: #00F; }
li:nth-child(odd):not(:last-child) { color: #F00; }
===== 아무것에나 매치 =====
* '':matches(셀렉터|콤마로 구분된 목록)'' : CSS4
* 다음 둘은 동일한 표현이 된다.
.home header p,
.home footer p,
.home aside p {
color: #F00;
}
↓
.home :matches(header,footer,aside) p { color: #F00; }