p:first-child
選擇第乙個子元素（p是body的子元素）但是當第乙個不是p則什麼都選不到 這個的意思是不僅要是第乙個還要同時是p元素
p:last-child
last是指所有的父元素中最後乙個子元素 這裡前面標籤為p所以最後的子元素也得同時是p不然沒用
p:nth-child(2)
這個可以選中指定元素的父元素的子元素 括號中填入幾就會選擇指定元素的父元素中第幾個且前面的選擇器能選中的子元素 簡單來說，就類似於交集選擇器，即選擇同時符合nth-child前面的選擇器和滿足對應的位置的元素
當括號內填入even 則選擇偶數字置的子元素
填入odd 選擇奇數字置的子元素
p:first-of-type
選擇父元素中第乙個為p的子元素
p可以換為其他標籤 同時 也可在p的前面指定對應的父元素 如 div p:first-child
指定div父元素中第乙個且為p的子元素
>
>
charset
="utf-8"
>
>
title
>
p:first-child
p:last-child
/*first-child選擇第乙個子元素（p是body的子元素）
但是當第乙個不是p則什麼都選不到 這個的意思是不僅要是
第乙個還要同時是p元素 last是指所有的父元素中最後乙個子元素
這裡前面標籤為p所以這個子元素也得同時是p不然沒用*/
p:nth-child(2)
/*這個可以選中指定位置的子元素
當括號內填入even 則選擇偶數字置的子元素
填入odd 選擇奇數字置的子元素*/
p:first-of-type
/*選擇父元素中第乙個為p的子元素*/
style
>
head
>
>
>
啥筆span
>
>
打你？？p
>
>
就是打你p
>
>
大丟是你p
>
>
>
勞資個你p
>
div>
>
大丟是你啊？p
>
body
>
html
>
選擇器 子元素
匹配其父元素下的第n個子或奇偶元素 eq index 只匹配乙個元素，而這個將為每乙個父元素匹配子元素。nth child從1開始的，而 eq 是從0算起的！可以使用 nth child even nth child odd nth child 3n nth child 2 nth child 3n...
子元素和後代元素選擇器
我是div的多少京東i啊水平較低的怕就怕但是就怕的 在金色的麥田中 我是p標籤 有一群小朋友 父元素 直接包含子元素的元素 子元素 直接被父元素包含的元素 祖先元素 直接或間接包含後代元素的元素 後代元素 直接或間接被祖先元素包含的元素 兄弟元素 擁有相同父元素的叫做兄弟元素 為div中的span ...
JQ選擇HTML元素的方法
ps 本人親測，阿里雲2核4g5m的伺服器價效比很高，新使用者一塊多一天，老使用者三塊多一天，最高可以買三年，感興趣的可以戳一下 阿里雲折扣伺服器 1 利用標籤名獲取元素 標籤名 2 通過id獲取元素 id name 3 通過 類名獲取元素 classname 4 一次性獲取多個元素 元素名,元素名...