1 CSS新特性之選擇器

2022-08-18 04:15:17 字數 1265 閱讀 6673

例1:直接寫屬性

按鈕

按鈕 按鈕

按鈕

button 

/* 屬性選擇器的使用方法 */

/* 這種方法不需要重新起類名 */

/* 選擇的是既有button,又有disabled這個屬性的元素 */

/* 類選擇器、屬性選擇器、偽類選擇器、權重為10 */

/*直接寫屬性*/

button[disabled]

例2:屬性等於值的方法

例3:

圖示1

圖示2圖示1

圖示1圖示4

圖示5

對於nth-child(n):

例1:

例2:

ul li:nth-child(even)

ul li:nth-child(odd)

當n是公式的時候,常見的公式有:

需要注意的地方:

我是p標籤

我是span

我是span

我是span

我是span

解決辦法:

我是p標籤

我是span

我是span

我是span

我是span

注意:

案例:字型圖示

爬蟲入門1 css選擇器

css選擇器 一種快速定位元素的方法 選擇所有元素 class intro 選擇所有class intro 的元素 id firstname 選擇所有id firstname 的元素 element p 選擇所有元素 not selector not p 選擇所有非p元素的元素 element,el...

css 特性 選擇器

標籤選擇器級別最低 類別選擇器比標籤選擇器高 id選擇器比類別選擇器高 行內樣式比id選擇器級別高 類別預設第乙個 交集選擇器 類別 棕色 交集選擇器 id 棕色 並集選擇器 並集選擇器 並集選擇器 後代選擇器 標籤選擇器級別最低 類別選擇器比標籤選擇器高 id選擇器比類別選擇器高 行內樣式比id選...

css3的新特性選擇器 屬性選擇器

自己學css的時候比較亂,這次趁著複習把css3的新特性選擇器和css2以前不怎麼用的選擇器做乙個總結 div id parent p i m a example p p id one i m a example p p i m a example p p i m a example p p i m...