小編給大家分享一下web中如何根據具體屬性值選擇，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
除了選擇擁有某些屬性的元素，還可以進一步縮小選擇范圍，只選擇有特定屬性值的元素。
例如，假設希望將指向 Web 服務器上某個指定文檔的超鏈接變成紅色，可以這樣寫：
a[href="http://www.w3school.com.cn/about_us.asp"] {color: red;}與簡單屬性選擇器類似，可以把多個屬性-值選擇器鏈接在一起來選擇一個文檔。
a[href="http://www.w3school.com.cn/"][title="W3School"] {color: red;}這會把以下標記中的第一個超鏈接的文本變為紅色，但是第二個或第三個鏈接不受影響：
<a href="http://www.w3school.com.cn/" title="W3School">W3School</a> <a href="http://www.w3school.com.cn/css/" title="CSS">CSS</a> <a href="http://www.w3school.com.cn/html/" title="HTML">HTML</a>
同樣地，XML 語言也可以利用這種方法來設置樣式。
下面我們再回到行星那個例子中。假設只希望選擇 moons 屬性值為 1 的那些 planet 元素：
planet[moons="1"] {color: red;}上面的代碼會把以下標記中的第二個元素變成紅色，但第一個和第三個元素不受影響：
<planet>Venus</planet> <planet moons="1">Earth</planet> <planet moons="2">Mars</planet>
以上是“web中如何根據具體屬性值選擇”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
