CSS值選擇器指的是利用屬性值來進行元素選擇的一種CSS選擇器方式。當具有特定屬性值的元素需要被選擇時,就可以使用CSS值選擇器來實現(xiàn)。
/* 選擇具有class="example"的元素 */ .example { background-color: yellow; } /* 選擇具有id="example"的元素 */ #example { background-color: green; } /* 選擇具有title屬性的元素 */ [title] { font-weight: bold; } /* 選擇具有title屬性且屬性值包含"example"的元素 */ [title*="example"] { color: red; } /* 選擇具有href屬性且以".pdf"結尾的元素 */ [href$=".pdf"] { text-decoration: underline; } /* 選擇具有src屬性且以"http://"開頭的元素 */ [src^="http://"] { border: 1px solid black; }
值選擇器可以非常靈活地對元素進行選擇。不過需要注意的是,盡量不要使用過于復雜的值選擇器,因為過多的選擇器會導致性能下降,同時也會增加代碼的復雜度,不便于維護。