css中選擇器

2021-06-27 16:37:04 字數 866 閱讀 8301

選擇器描述

[attribute]    用於選取帶有指定屬性的元素。

[attribute=value]    用於選取帶有指定屬性和值的元素。

[attribute~=value]    用於選取屬性值中包含指定詞彙的元素。

[attribute|=value]    用於選取帶有以指定值開頭的屬性值的元素,該值必須是整個單詞。

[attribute^=value]    匹配屬性值以指定值開頭的每個元素。

[attribute$=value]    匹配屬性值以指定值結尾的每個元素。

[attribute*=value]    匹配屬性值中包含指定值的每個元素。

下面是例子

設定 class 屬性值以"test"開頭的所有元素的背景色:

[class^="test"]

屬性和值選擇器 - 多個值

下面的例子為包含指定值的 title 屬性的所有元素設定樣式。適用於由空格分隔的屬性值:

[title~=hello]

下面的例子為帶有包含指定值的 lang 屬性的所有元素設定樣式。適用於由連字元分隔的屬性值:

[lang|=en]

CSS中選擇器介紹

一 號 選擇器,作用於所有標籤,用的比較少 二 標籤選擇器,通過標籤名 進行區分,一般和層級選擇器聯合使用 三 id選擇器,不允許重複使用,原則上只允許用在乙個標籤,用的比較少 四 類選擇器,乙個類可用於多個元素,乙個元素上也可以用多個類,可復用,最常用 五 層級選擇器,主要應用在選擇父類下的子元素...

css中選擇器種類總結

b 1 型別選擇器 即html標籤選擇器 b 選擇器名稱 屬性 屬性值 如 h2 color white color red 關注點 不需要 號,不需要 號,就是 html標籤名稱 屬性 屬性值 color b 2 屬性選擇器 html標籤中的屬性選擇器,比如div 有align屬性 b 選擇器名稱...

CSS中選擇器的權重值

css 具有自己的優先順序計算方法,而不僅僅是行間 內部 外部 id class 元素 選擇器 栗子id id class.class 標籤p 屬性 type text 偽類 hover 偽元素 first line 相鄰選擇器 子代選擇器 內聯樣式,如 style 權值為1000。id選擇器,如 ...