如何在 CSS 中設定具有任意值屬性的元素樣式？

在 CSS 中定位具有任意值屬性的元素

CSS 提供了定位具有特定屬性的元素的功能，例如 input[type=text]。但是，我們可以將其擴展到具有任意值屬性的元素嗎？

挑戰

您想要為具有任意值屬性的元素（不包括那些沒有屬性的元素）設定樣式。例如，您可能旨在突出顯示具有定義的 rel 屬性的錨標記。

解決方案

要實現此目的，請使用以下語法：

a[rel]
{
    color: red;
}

此規則將匹配任何具有rel 屬性的錨標記()，新增指定的樣式。

處理空Values

但是，上述規則也會符合 rel 屬性為空的元素。要排除這些，請合併 :not 偽類：

a[rel]:not([rel=""])
{
    color: red;
}

這將使用非空 rel 屬性來設定錨標記的樣式，解決 vsync 指出的問題。

以上是如何在 CSS 中設定具有任意值屬性的元素樣式？的詳細內容。更多資訊請關注PHP中文網其他相關文章！