首頁 > web前端 > css教學 > 如何在 CSS 中設定具有任意值屬性的元素樣式?

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

Susan Sarandon
發布: 2024-11-26 12:51:10
原創
659 人瀏覽過

How Can I Style Elements with Attributes of Any Value in 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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板