CSS是前端開(kāi)發(fā)中必不可少的技能之一，利用CSS可以對(duì)網(wǎng)頁(yè)進(jìn)行樣式設(shè)計(jì)和布局，其中選擇器是CSS的重要組成部分。在CSS選擇器中，大于3的選擇器更加強(qiáng)大，可以滿足復(fù)雜的樣式設(shè)計(jì)需求。

/* 1. 類型選擇器（type selector） */
/* 2. ID選擇器（id selector） */
/* 3. 類選擇器（class selector） */
/* 4. 屬性選擇器（attribute selector） */
a[href^="https"] {
color: green;
}
/* 5. 偽類選擇器（pseudo-class selector） */
a:hover {
text-decoration: underline;
}
/* 6. 后代選擇器（descendant selector） */
div p {
font-size: 16px;
}
/* 7. 子元素選擇器（child selector） */
ul >li {
list-style: none;
}
/* 8. 相鄰兄弟選擇器（adjacent sibling selector） */
h2 + p {
font-weight: bold;
}
/* 9. 通用兄弟選擇器（general sibling selector） */
p ~ img {
border: 1px solid red;
}

屬性選擇器是一種根據(jù)元素屬性進(jìn)行選擇的方法，可以根據(jù)屬性名及屬性值的關(guān)系來(lái)選擇元素，如上方代碼中的a[href^="https"]可以選擇所有href屬性以https開(kāi)頭的a元素。

偽類選擇器是選擇某些元素特定狀態(tài)的方法，如:hover可以選擇光標(biāo)懸停的元素。后代選擇器表示選擇某個(gè)元素內(nèi)部的另一個(gè)元素，子元素選擇器表示選擇其子元素，兄弟選擇器表示選擇相鄰或通用的兄弟元素。

大于3的選擇器的出現(xiàn)，使得CSS的選擇能力更加強(qiáng)大，可以滿足更復(fù)雜的樣式設(shè)計(jì)需求，但也需要注意選擇器的使用，避免影響網(wǎng)頁(yè)性能。