CSS選擇器是CSS中最基礎和重要的概念之一。它指定了哪些 HTML 元素應該被應用 CSS 樣式。

/* 通用選擇器 */
* {
margin: 0;
padding: 0;
}

通用選擇器可以匹配頁面中所有的元素。

/* 元素選擇器 */
p {
font-size: 16px;
}

元素選擇器指定了特定的 HTML 元素應該被應用 CSS 樣式。

/* id選擇器 */
#title {
color: red;
}

id 選擇器用于選取具有特定標識符的元素。

/* 類選擇器 */
.container {
width: 80%;
}

類選擇器用于選取具有特定類的元素。

/* 后代選擇器 */
.container p {
color: blue;
}

后代選擇器選擇元素的后代元素，即某個元素內的元素。

/* 子元素選擇器 */
.container >p {
font-weight: bold;
}

子元素選擇器只選擇某個元素的直接子元素。

/* 相鄰兄弟選擇器 */
h1 + p {
font-style: italic;
}

相鄰兄弟選擇器選擇緊鄰在某個元素后面的元素。

/* 通用兄弟選擇器 */
h2 ~ p{
font-size: 14px;
}

通用兄弟選擇器選擇任何在某個元素后面的兄弟元素。