CSS選擇器（selector）是CSS規則中最重要的部分之一。它允許我們在HTML文檔中找到要應用樣式的元素。CSS4選擇器是CSS級聯樣式表的最新標準，它可以更精確、更靈活地匹配元素。

body:has(:scope >header h1),
body:has(:scope >nav),
body:has(:scope >footer) {
margin-bottom: var(--global-margin);
}
p:lang(en-ZB) {
font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
}
div:first-child:not(:last-child) >p {
color: red;
}

一些例子：

/* 匹配一個有父元素的元素 */
:has(>img)
/* 匹配所有可見的元素 */
:visible
/* 同時匹配多個屬性 */
[title="flower"][class~="red"]
/* 匹配第一個字母是A或B的字母 */
:nth-child(-n+2):is(alphabetic, :is(:before) alphabetic)::first-letter

CSS4選擇器提供了許多新的選擇器類型，如:has()、:matches()、:nth-column()、:focus-visible等，這使得CSS更加強大靈活，能夠更好地應對不同的應用場景。