CSS 提供了定位具有特定屬性的元素的功能,例如 input[type=text]。但是,我們可以將其擴展到具有任意值屬性的元素嗎?
您想要為具有任意值屬性的元素(不包括那些沒有屬性的元素)設定樣式。例如,您可能旨在突出顯示具有定義的 rel 屬性的錨標記。
要實現此目的,請使用以下語法:
a[rel] { color: red; }
此規則將匹配任何具有rel 屬性的錨標記(),新增指定的樣式。
但是,上述規則也會符合 rel 屬性為空的元素。要排除這些,請合併 :not 偽類:
a[rel]:not([rel=""]) { color: red; }
這將使用非空 rel 屬性來設定錨標記的樣式,解決 vsync 指出的問題。
以上是如何在 CSS 中設定具有任意值屬性的元素樣式?的詳細內容。更多資訊請關注PHP中文網其他相關文章!