CSS 是網(wǎng)頁(yè)設(shè)計(jì)中必不可少的一種語(yǔ)言。選擇器是 CSS 最基礎(chǔ)的概念之一，可以用來(lái)選中特定的HTML元素。隨著 CSS 3 的不斷升級(jí)，新的選擇器寫(xiě)法也不斷被開(kāi)發(fā)出來(lái)。

/*1. 屬性選擇器*/
/*選中帶有 title 屬性的 p 元素*/
p[title] {
color: red;
}
/*選中 title 屬性值為 "example" 的 p 元素*/
p[title="example"] {
color: blue;
}
/*選中 title 屬性值以 "green" 開(kāi)頭的 p 元素*/
p[title^="green"] {
color: green;
}
/*選中 title 屬性值以 "end" 結(jié)尾的 p 元素*/
p[title$="end"] {
color: purple;
}
/*選中 title 屬性值包含 "middle" 的 p 元素*/
p[title*="middle"] {
color: orange;
}
/*2. 偽類(lèi)選擇器*/
/*選中第一個(gè) p 元素*/
p:first-child {
font-weight: bold;
}
/*選中鼠標(biāo)懸停的 p 元素*/
p:hover {
background-color: yellow;
}
/*選中 p 元素的第一個(gè)字母*/
p::first-letter {
font-size: 2em;
}
/*3. 偽元素選擇器*/
/*在 p 元素的內(nèi)容前插入一張圖片*/
p::before {
content: url('image.png');
}
/*在 p 元素的內(nèi)容后插入一段文字*/
p::after {
content: " - The End";
}

以上是 CSS 新的選擇器寫(xiě)法的一些例子，可以根據(jù)實(shí)際需求選用合適的選擇器。