隨著互聯網的不斷發展，在CSS立體化的道路上，CSS3不斷地推出一些新的特性，其中新增的選擇器更讓我們的實現更加多樣化。下面我們來了解一些新選擇器。

/* 屬性選擇器 */
input[type="email"] {
// style
}
/* 包含選擇器 */
li:contains("HTML5") {
// style
}
/* 角度選擇器 */
div:only-child {
// style
}
/* target選擇器 */
#blogpost:target {
// style
}

上述代碼便是新增選擇器的基本用法，下面我們分別介紹。

屬性選擇器：可以選擇一個DOM元素屬性，進而實現樣式的綁定。在此示例中，選擇input元素的type屬性等于email的相應樣式。

包含選擇器：可以選擇網頁中包含指定文本的元素。在此示例中，選擇文本為HTML5的li元素，針對其應用指定樣式。

角度選擇器：選擇某個元素是其父元素的唯一子元素。在此示例中，選定唯一子元素為div的元素進行樣式的綁定。

target選擇器：可以針對當前頁面的url的hash值，在選擇器中進行樣式的綁定，從而實現點擊鏈接后樣式的切換。在此示例中，選擇當前頁面中hash值為blogpost的元素進行樣式的綁定。

以上新選擇器的運用，讓我們的web前端設計更加多樣化，更加豐富化。希望通過本文對選擇器有更深入的了解，也希望大家在實際的開發過程中，可以合理的運用這些技術，為用戶提供更好的視覺體驗。