1.first-child、last-child，選中第乙個或最後乙個元素，注意官方稱父元素的第乙個...，這個意味著著即便你加上「a」、「.樣式」這樣的選擇器，他依然不理不睬。效果如下：
我們使用這個css選中最後乙個a
#div1 p:last-child第乙個段落。
第二個段落。
第三個段落。
第四個段落。
選我p選我a
你會發現並非如願，p和a在乙個父親元素下方，所以last-child會選擇最後乙個兒子a，而非p。
所以以後使用時就無需畫蛇添足的為:last-child前加上限制性的名稱了，直接#div1 :last-child就得了！除非你需要確定如果最後乙個元素為p才使用樣式，如果不是p則不顯示樣式，那麼可以加上p或其他限制。
如果不得不獲取第幾個，可以使用:nth-last-child(倒數第幾個)、 nth-last-type-of(dom)、p:nth-last-child(3n+0)、p:nth-last-child(odd)、p:nth-last-child(even)。
2.
前端知識筆記彙總200304
css3的一種新的布局模式 主要記錄盒子自身樣式與子元素樣式 屬性名稱 屬性功能 屬性值例子 display 設定彈性盒子型別 flex,inline flex display flex flex direction 設定伸縮盒的起點與終點位置 row,row reverse,column,colu...
關於PHP容易誤解的一些小知識 厚積薄發
1 set exception handler 可以自定義處理所有未被try catch捕獲的異常 2 set error handler 自定義處理一些低階別的錯誤 只能捕捉到warning notice等低級別 3 register shutdown function 使用error get l...
區分前端容易混淆的知識點
1 偽類與偽元素的區別 在css1與css2中沒有特別區分，但是在css3中有區分 偽類 其實就是選擇器，有兩個重要的作用如下 1 選擇dom樹以外的資訊 例如 visited，link等指的是某些指定狀態的元素 2 用簡單選擇器選擇不了的資訊 有邏輯的dom樹中的元素 例如 first child...