JQ類css選擇器

2021-09-02 18:53:24 字數 848 閱讀 8691

1) 類css選擇器


1.1) 基本選擇器


id選擇器、標籤選擇器、類選擇器


並集選擇器、交集選擇器、全域性選擇器


1.2) 層次選擇器


後代選擇器：使用空格作為分隔符


子選擇器：使用》作為分隔符


相鄰元素選擇器：使用+作為分隔符


同輩元素選擇器：使用~作為分隔符


1.3) 屬性選擇器


[attribute]：指定屬性名的選擇器


[attribute=value]：指定屬性名的值等於value的值的選擇器


[attribute!=value]：屬性名的值不等於value


[attribute^=value]：屬性名的值以value開頭


[attribute$=value]：屬性名的值以value結尾


[attribute*=value]：屬性名的值包含value


[attribute1][attribute2][attributen]：復合屬性選擇器，要求同時滿足多個
jquery基本選擇器示例:

id為box的div


鬥地主休閒遊戲
jquery層次選擇器示例:

北京周邊旅遊**


按天數海邊旅遊


草原 


景點門票


名勝暑期


樂園 山水


雙休 


更多分類
jquery屬性選擇器示例:
原文：

CSS 類選擇器

center在上面的例子中，所有擁有 center 類的 html 元素均為居中。在下面的 html 中，h1 和 p 元素都有 center 類。這意味著兩者都將遵守 center 選擇器中的規則。this paragraph will also be center aligned.注意 類名的第...

CSS 類選擇器

在 css 中，類選擇器以乙個點號顯示 center在上面的例子中，所有擁有 center 類的 html 元素均為居中。在下面的 html 中，h1 和 p 元素都有 center 類。這意味著兩者都將遵守 center 選擇器中的規則。this paragraph will also be ce...

CSS 類選擇器

在 css 中，類選擇器以乙個點號顯示 center 在上面的例子中，所有擁有 center 類的 html 元素均為居中。在下面的 html 中，h1 和 p 元素都有 center 類。這意味著兩者都將遵守 center 選擇器中的規則。class center this paragraph w...