分類選擇器的應用

2021-07-15 23:05:39 字數 842 閱讀 3754

/*:nth-child(n):選中第幾個孩子,n 從一開始*/

#div1 :nth-child(2)

/*選擇div1下 的第乙個孩子,如果孩子是p標籤 命中*/

#div1 p:nth-child(1)

/*可以是表示式:  :nth-child(3n+1)

n從0開始  1 4 7 10 .....*/

#div2 :nth-child(3n)

/*odd:奇數     even:偶數   前面如果沒有容器(div)限制時,是body的孩子*/

#div3 :nth-child(odd)

#div3 :nth-child(even)

/*#div4下的第乙個孩子*/

#div4  :first-child

/*#div4下的最後乙個孩子*/

#div4  :last-child

/*div5 下只有乙個孩子*/

#div5 :only-child

/*選擇div下的倒數第二個孩子  和 :nth-child相反*/

#div6 :nth-last-child(2)

/*查詢第二個孩子,如果第二個孩子是p 命中 */

#div1 p:nth-child(2)

/*:nth-of-type(n);   查詢div1下的第二個 p 元素 !! */

#div1 p:nth-of-type(2)

/*查詢div2下的倒數第二個p 元素*/

#div2 p:nth-last-of-type(2)

/*div3下只有乙個p元素  但是可以有其他的非p元素*/

#div3 p:only-of-type

jQuery選擇器分類

id id選擇器 div 元素選擇器 classname 類選擇器 classname,classname1,id1 組合選擇器 id classname 子元素選擇器 id classname 後代元素選擇器 id classname 緊鄰下乙個元素選擇器 id classname 兄弟元素選擇器...

jquery 選擇器分類

1.基本選擇器 1.標籤選擇器 元素選擇器 語法 html標籤名 獲得所有匹配標籤名稱的元素 2.id選擇器 語法 id的屬性值 獲得與指定id屬性值匹配的元素 3.類選擇器 語法 class的屬性值 獲得與指定的class屬性值匹配的元素 4.並集選擇器 語法 選擇器1,選擇器2.獲取多個選擇器選...

CSS 選擇器分類

二 選擇器分組 三 偽類 懸浮 h1 h1即為標籤名,但是往往標籤不止乙個。bbb 後面對應的是id,因為id在網頁中的唯一性,所以可以找到唯一的標籤,但除非特殊用途不推薦使用。class a class class a class b 類選擇器span 使用最多的選擇器,推薦使用。e att va...