CSS [attribute|=value] 選擇器
CSS [attribute=value] 選擇器
CSS 選擇器參考手冊
實例
選擇 lang 屬性值以 "en" 開頭的元素,并設置其樣式:
[lang|=en]
{
background-color:yellow;
}
親自試一試
瀏覽器支持
IE | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|
所有主流瀏覽器都支持 [attribute=value] 選擇器。
注釋:對于 IE8 及更早版本的瀏覽器中的 [attribute=value],必須聲明 <!DOCTYPE>。
定義和用法
[attribute=value] 選擇器用于選取帶有以指定值開頭的屬性值的元素。
注釋:該值必須是整個單詞,比如 lang="en",或者后面跟著連字符,比如 lang="en-us"。
親自試一試 - 實例
選擇其 class 屬性值以 "top" 開頭的元素,并設置其樣式:
[class|=top] { background-color:yellow; }
親自試一試
相關頁面
CSS 教程:CSS 屬性選擇器
CSS 教程:CSS 屬性選擇器詳解
CSS 選擇器參考手冊