CSS3屬性選擇器是CSS3的一項新特性，它可以根據元素的屬性和屬性值來選擇元素。使用這個選擇器可以使樣式具有更強的靈活度和適應性。

屬性選擇器的語法如下：
[屬性名] {樣式}
[屬性名=屬性值] {樣式}
[屬性名~=屬性值] {樣式}
[屬性名|=屬性值] {樣式}
[屬性名^=屬性值] {樣式}
[屬性名$=屬性值] {樣式}
[屬性名*=屬性值] {樣式}
其中，[]表示屬性選擇器，屬性名是要選擇的屬性名，屬性值是要匹配的值。如果只寫屬性名，則表示選中具有該屬性名的元素。屬性名和屬性值通過等號連接，表示只選中具有屬性名和屬性值相等的元素。如果使用~=，表示匹配包含指定值的屬性，多個值之間用空格分隔。如果使用|=，表示只匹配以指定屬性值開頭的屬性值，例如屬性值為“en-US”或“en”都會被匹配到。如果使用^=，表示匹配以指定值開頭的屬性值，例如屬性值為“example”和“example-1”均會被匹配到。如果使用$=，表示匹配以指定值結尾的屬性值，例如屬性值為“example”和“123example”均會被匹配到。如果使用*=，表示匹配包含指定值的屬性值，例如屬性值為“example”和“my-example”均會被匹配到。

以下是一些示例代碼：

/*選中具有title屬性的所有元素*/
[title] {color: red;}
/*只選中title屬性值為"hello"的元素*/
[title="hello"] {color: blue;}
/*選中包含class屬性值為"my-class"的所有元素*/
[class~="my-class"] {font-weight: bold;}
/*只選中class屬性值為"en"或帶有"en-"前綴的元素*/
[class|="en"] {font-style: italic;}
/*只選中id屬性值以"example"開頭的元素*/
[id^="example"] {text-decoration: underline;}
/*只選中src屬性值以".jpg"結尾的所有圖片*/
[src$=".jpg"] {border: 1px solid black;}
/*選中alt屬性值包含"example"的所有圖片*/
[alt*="example"] {opacity: 0.5;}

總的來說，CSS3屬性選擇器是一種十分實用的選擇器，它可以幫助我們選中更加具體的元素并應用樣式。