CSS選擇器是CSS中用于選擇指定標簽、屬性或元素的工具。選擇器對于CSS的應(yīng)用非常重要，因為通過選擇器能夠定位并修改指定的元素，實現(xiàn)頁面樣式的定制化。

例：選擇id為div1的標簽
#div1 {
width: 100px;
height: 100px;
background-color: red;
}

CSS選擇器有很多種，包括基礎(chǔ)選擇器、層次選擇器、偽類選擇器、偽元素選擇器和屬性選擇器等。下面將結(jié)合腦圖介紹這些選擇器的使用方法。

基礎(chǔ)選擇器：用于選擇元素的類型、class、id等
.class {
color: blue;
}
#id {
color: green;
}

腦圖中的基礎(chǔ)選擇器包括類型選擇器、類選擇器、id選擇器。

層次選擇器：通過元素在文檔結(jié)構(gòu)中的位置來選擇元素
.parent .child {
color: blue;
}
.parent >.child {
color: green;
}

腦圖中的層次選擇器包括后代選擇器、子選擇器、相鄰兄弟選擇器、通用兄弟選擇器。

偽類選擇器：用于選擇元素的狀態(tài)
a:link {
color: blue;
}
a:hover {
color: green;
}

腦圖中的偽類選擇器包括鏈接偽類選擇器、動態(tài)偽類選擇器等。

偽元素選擇器：用于選擇元素的某個部分
p::before {
content: 'before';
}
p::after {
content: 'after';
}

腦圖中的偽元素選擇器包括before和after選擇器。

屬性選擇器：通過元素的屬性值來選擇元素
input[type="text"] {
color: blue;
}
input[value="Submit"] {
color: green;
}

腦圖中的屬性選擇器包括屬性選擇器、子串屬性選擇器等。