css 選取器 nth-child 系列和nth-of-type系列區別

標籤：選取器   nbsp   css   元素   擷取   可見   寫法   first   類型   

   nth-child是表示選擇當前父元素下所有元素中的第幾個元素，而nth-of-type則表示選擇父元素某一個給定類型的第幾個元素，

   例如  選擇p父元素下的第一個p元素，可以這麼寫：

  parent>p:first-child 或者 parent>p:first-of-type，第一種寫法在父元素下第一個元素為p時沒有什麼問題。但是在父元素下第一個元素不是p標籤就會出現問題。例如第一個元素是span。那麼第一種寫法就取不到第一個p元素。而第二種則可以正常的擷取父元素下的第一個p元素。由此可見。nth-child系列。是根據父元素整個來擷取元素的。而nth-of-type則是根據父元素下的某個給定的類型來擷取相應的元素的

css 選取器 nth-child 系列和nth-of-type系列區別