CSS屬性選擇器是一種選擇HTML元素的方法。它允許根據元素的某個屬性選擇元素。如下面這個例子:
/* 選擇所有擁有title屬性的元素 */ [title] { color: red; }
上面的代碼中,我們使用了屬性選擇器 [title],它選擇了所有擁有 title 屬性的元素,并將它們的顏色設置為紅色。
屬性選擇器還可以進一步細化選擇條件。例如,可以選擇特定屬性值的元素:
/* 選擇所有src屬性為"image.png"的img元素 */ img[src="image.png"] { border: 1px solid black; }
這段代碼選擇了所有 src 屬性為 "image.png" 的 img 元素,并將它們的邊框設置為黑色。
屬性選擇器還支持匹配特定屬性值的開頭或結尾:
/* 選擇所有href屬性以"http://"開頭的a元素 */ a[href^="http://"] { color: blue; } /* 選擇所有src屬性以".jpg"結尾的img元素 */ img[src$=".jpg"] { border: 1px solid red; }
上面的代碼分別選擇了 href 屬性以 "http://" 開頭的 a 元素和 src 屬性以 ".jpg" 結尾的 img 元素,并將它們的顏色或邊框設置為不同的值。
綜上所述,CSS屬性選擇器可以根據元素的某個屬性選擇元素,從而實現更精確的元素樣式控制。