多個類選擇器

2021-09-02 12:03:46 字數 871 閱讀 4597

多個類選擇器:(像這種

這些去匹配,$('.accoun_right.bgdot

')。不能有空格,要緊跟著。

參考:1、在 html 中,乙個 class 值中可能包含乙個詞列表,各個詞之間用空格分隔。例如,如果希望將乙個特定的元素同時標記為重要(important)和警告(warning),就可以寫作(這兩個詞的順序無關緊要,寫成 warning important 也可以):

this paragraph is a very important warning.

我們假設 class 為 important 的所有元素都是粗體,而 class 為 warning 的所有元素為斜體,class 中同時包含 important 和 warning 的所有元素還有乙個銀色的背景 。就可以寫作:

.important 

.warning

.important.warning

2、通過把兩個類選擇器鏈結在一起,僅可以選擇同時包含這些類名的元素(類名的順序不限)。

如果乙個多類選擇器包含類名列表中沒有的乙個類名,匹配就會失敗。請看下面的規則:

.important.urgent

不出所料,這個選擇器將只匹配 class 屬性中包含詞 important 和 urgent 的 p 元素。因此,如果乙個 p 元素的 class 屬性中只有詞 important 和 warning,將不能匹配。不過,它能匹配以下元素:

this paragraph is a very important and urgent warning.

標籤選擇器,id選擇器,class類選擇器

1.標籤選擇器的格式 標籤 屬性 值 我是段落 2.id選擇器的格式 id名稱 屬性 值 我是段落 3.class類選擇器的格式 類名 屬性 值 我是段落 1 每乙個標籤都有id和class屬性 但是每乙個標籤只能有乙個id的屬性,但是可以有很多個class屬性。2 id相當於人的身份證,class...

屬性選擇器 偽類選擇器 層級選擇器

漸進增強 作用範圍 從小到大 先保證最基本的功能 使用者體驗提公升 優雅降級 作用範圍 從大到小 先針對版本較高的裝置進行專案構建,保證使用者體驗的完美 犧牲一些效果,保證最基本的功能 選擇器 選擇符 id class 型別 div span 後代選擇器 偽類選擇器 偽元素選擇 屬性選擇器 e at...

css選擇器 偽類選擇器 屬性選擇器

偽類選擇器 nth of type index index 同型別兄弟元素中的排名 屬性選擇器 attr val attr 屬件名稱 val 屬性值 屬性選擇器 href val 表標屬性的結尾 屬性選擇器 class tap 表示屬的開頭 first child選擇第乙個 元素 nth of ty...