Css3 新增的偽類有哪些
? css 選擇器
o id 選擇器( # myid)
o 類選擇器(.myclassname)
o 標(biāo)簽選擇器(div, h1, p)
o 相鄰選擇器(h1 + p)
o 子選擇器(ul > li)
o 后代選擇器(li a)
o 通配符選擇器( * )
o 屬性選擇器(a[rel = “external”])
o 偽類選擇器(a: hover, li: nth - child)
? 可以繼承
o 字體類:
1. font-family:字體類型唧取;
2. font-weight:字體加粗;
3. font-size:字體大小
4. font-style: 字體樣式
5. text-indent: 縮進(jìn)(只對塊級元素生效)
6. text-align:對齊方式
7. line-height:行高
8. word-spacing:字之間的距離划提;
9. letter-spacing:字符之間的距離枫弟;
10.text-decoration:文本修飾
o 文本類:
1. color:顏色
o 列表:
17
1. list-style-type:列表類型
2. list-style-image:圖標(biāo)路徑
3. list-style-position:圖標(biāo)的位置
4. list-style:none;去掉列表符號
? 優(yōu)先級就近原則,樣式定義最近者為準(zhǔn); 載入樣式以最后載入的定位為準(zhǔn);
? 優(yōu)先級為: !important > id > class > tag(標(biāo)簽選擇器) important 比內(nèi)聯(lián)優(yōu)先級高
? css3 新增的偽類
o 結(jié)構(gòu)性偽類選擇器(child 系列)
1. E:first-child E 必須是父元素里面的第一個孩子
2. E:last-child E 必須是父元素里面的最后一個孩子
3. E:nth-child(n) 不匹配前面的元素類型鹏往,如果對應(yīng)的位置是該元素才匹配
4. E:only-child 必須只有他自己一個孩子
o 結(jié)構(gòu)性的偽類選擇(type 系列)
1. E:first-of-type 匹配到該元素中的第一個孩子
2. E:last-of-type 匹配到該元素的最后一個孩子
3. E:nth-of-type(n) 匹配到該元素的第幾個孩子 n 可以是表達(dá)式 2n 3n 2n+1
even(偶數(shù)) odd(奇數(shù))
4. E:nth-last-of-type(n) 匹配到該元素的倒數(shù)第幾個
o 目標(biāo)偽類:結(jié)合錨點(diǎn)使用
o 狀態(tài)偽類選擇器
1. :enabled 元素可編輯
2. :disabled 元素不可編輯
3. :checked 選中
4. ::selection 高亮狀態(tài)一般修改字體顏色和背景色
o 動態(tài)偽類選擇器
1. :link 未訪問前
2. :visited 訪問過后
3. :hover 鼠標(biāo)滑過
4. :active 鼠標(biāo)點(diǎn)擊之后