在CSS 中使用任意屬性值定位HTML 元素
在CSS 中，可以依照特定屬性來定位元素，如下所示下面的例子：
input[type=text] {
font-family: Consolas;
}但是，出現了一個常見的問題：可以根據任何屬性來定位元素價值？本文探討了這個主題。
使用屬性選擇器
要定位具有任何屬性值的元素，可以使用屬性選擇器。透過省略屬性名稱後面的值，將選擇具有該屬性的所有元素。例如：
a[rel] {
color: red;
}使用此規則，提供的 HTML 程式碼段將設定第一個和第三個 的樣式。紅色標籤：
<a href="#" rel="eg">red text</a> <a href="#">standard text</a> <a href="#" rel="more">red text again</a>
此行為反映了預設遊標：套用於 的指標樣式具有定義的 href 屬性的標籤。
處理空屬性值
在某些情況下，可能需要區分空屬性值和非空屬性值。這可以使用:not 偽類與屬性選擇器結合使用來實現：
a[rel]:not([rel=""]) {
color: red;
}此規則針對具有rel 屬性的所有錨標記，不包括值為空的錨標記（即沒有值已指定）。
以上是CSS 可以根據任何屬性值定位 HTML 元素嗎？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
