1. 程式人生 > >css3選擇器簡介大全

css3選擇器簡介大全

CSS3選擇器分類

一、基本選擇器
這裡寫圖片描述

二、層次選擇器

這裡寫圖片描述

三、偽類選擇器(偽類選擇器語法書寫時和其他的CSS選擇器寫法有所區別,都以冒號(:)開頭;)

1、動態偽類選擇器

這裡寫圖片描述

2、目標偽類選擇器

這裡寫圖片描述

3、語言偽類選擇器
語法:
<body lang="zh">
4、UI元素狀態偽類選擇器

這裡寫圖片描述

5、結構偽類選擇器語法

這裡寫圖片描述
這裡引數n可以是整數(1、2、3、4……),關鍵字(odd,even),還可以是公式(2n+1,-n+5),但n的起始值始終為1;

6、否定偽類選擇器

E : not(F) 匹配所有除元素F外的E元素

四、偽元素
這裡寫圖片描述

五、屬性選擇器
這裡寫圖片描述

這裡寫圖片描述