CSS3選擇器通過屬性，是指利用屬性名和屬性值進行元素選擇的一種方式。通過使用屬性選擇器，我們可以非常方便地為某些具備特定屬性的元素添加樣式。以下是一些常見的CSS3屬性選擇器：

[type="text"] {
/* 樣式代碼 */
}
[attr|=value] {
/* 樣式代碼 */
}
[attr^=value] {
/* 樣式代碼 */
}
[attr$=value] {
/* 樣式代碼 */
}
[attr*=value] {
/* 樣式代碼 */
}

其中，第一個選擇器可以為所有type屬性為"text"的表單元素添加樣式。例如：

input[type="text"] {
background-color: #ffffff;
border: 1px solid #cccccc;
}

這段代碼會將所有type屬性為"text"的input元素的背景色設置為白色，邊框顏色設置為淺灰色。對于其他類型的表單元素，這些樣式不會生效。

第二個選擇器可在屬性的值為“value”或以“value-”開頭的元素中添加樣式。例如：

div[attr|=value] {
/* 樣式代碼 */
}

這段代碼會為所有attr屬性為"value"或者以"value-"開頭的div元素添加樣式。例如，一個id為"value-1234"的div元素就會繼承這個樣式。

第三個選擇器表示當屬性值以"value"開頭時，元素將被選擇。例如：

a[href^="http"] {
color: #0000ff;
}

這段代碼將選擇所有href屬性以"http"開頭的a元素，并將其顏色設置為藍色。

第四個選擇器表示當屬性值以"value"結尾時，元素將被選擇。例如：

a[href$=".com"] {
color: #ff0000;
}

這段代碼將選擇所有href屬性以“.com”結尾的a元素，并將其顏色設置為紅色。

最后一個選擇器表示當屬性值中包含"value"時，元素將被選擇。例如：

a[href*="google"] {
font-weight: bold;
}

這段代碼將選擇所有href屬性中包含“google”的a元素，并將字體加粗。

通過使用各種屬性選擇器，我們可以輕松地對具有特定屬性的元素進行樣式設置，這為我們的網頁設計帶來了更大的靈活性。