寫法格式
選擇器：***
常用
e:first-child
第乙個孩子
e:last-child
最後乙個孩子
e:nth-child(n)
第n個孩子（n可以是數字，可以是關鍵字如even偶數、odd奇數等，也可以是表示式，如2n，2n+1,-n+5（前五個）等）
e:last-of-type
最後乙個孩子
e:first-of-type
第乙個孩子
e:nth-of-type（n）
第n個孩子,與e:nth-child(n)相同
注意：
e:nth-child(n)與e:nth-of-type（n）是有區別的，e:nth-child(n)是同時確定選擇器和n的，當兩個條件衝突時，則不執行；e:nth-of-type（n）則是先確定選擇器，在選中n，後執行結果。
例子：
***
sssccc
***sssccc
從前端小白到大佬 盒子定位
定位 主要實現功能 實現某個元素可以自由的在乙個盒子內移動位置，並且壓住其他盒子。滾動視窗時，某些元素盒子固定不動。定位 定位模式 邊偏移 定位模式 決定定位的方式，通過css的position屬性設定，取值有四個 static 靜態定位 relative 相對定位 absolute 絕對定位 fi...
屬性選擇器，偽類選擇器，偽元素選擇器
屬性選擇器 1doctype html 2 html lang en 3 head 4 meta charset utf 8 5 title 屬性選擇器 title 6 style 7 屬性匹配 8 label for 12 屬性名匹配 13 label for pwd 17 以什麼結尾匹配 18 ...
偽類選擇器
作用根據連線的不同狀態可以以不同的方式顯示 偽類是css 用於向某些選擇器新增特殊的效果。a標籤中有四個 link visited hover active 用法示例 a link 未訪問的連線 顏色可以自定義 a visited 已訪問的連線 hover 滑鼠移動到連線上時顯示的效果 a acti...