1li>
2li>
3li>
4li>
ul>
選取上面結構裡面的li
ul
li:nth-child(1)
/*選取第乙個li*/
ulli
:nth-child(odd)
/*選取偶數*/
ulli
:nth-child(even)
/*選取奇數*/
ulli
:nth-child(3n+1)
/*選取3n+1個元素*/
由於ie8不支援這種選擇器的寫法,所以以下給出相容性寫法
ul
li:first-child
/*選取第乙個li*/
ulli
:first-child+li+li
/*選取第三個li*/
:only-of-type 選擇器匹配屬於其父元素的特定型別的唯一子元素的每個元素。(同樣不支援ie8)
:first-child 選擇器用於選取屬於其父元素的首個子元素的指定選擇器。對於 ie8 及更早版本的瀏覽器中的 :first-child,需要宣告 。
js獲取dom元素的子元素,父元素,兄弟元素小記
原生js var a document.getelementbyid dom del space a 清理空格 var b a.childnodes 獲取a的全部子節點 var c a.parentnode 獲取a的父節點 var d a.nextsibling 獲取a的下乙個兄弟節點 var e ...
js 獲取元素,同級元素下的子元素總結
太原總結 不慌不慌,來日方長 html 確定 js function replysubmit doc 如圖 2.獲取上一級標籤 parent 父元素,children 子元素,prev 前乙個同輩元素,next 下乙個同輩元素 3.獲取相鄰元素 jquery裡我們要獲取某個元素的相鄰元素時,可以用到...
原生js獲取子元素
獲取子元素的方法有 獲取第乙個demo類 dom document.getelementsbyclassname demo 0 獲取父節點 dom.parentnode 獲取上一兄弟節點 dom.previoussibling dom.nextsibling 獲取第乙個子元素 dom.firstch...