D 02 CSS中的選擇器 常用的三種

2021-08-02 12:44:19 字數 1493 閱讀 3884

1,元素選擇器

html標籤又名

html

元素。

元素選擇器:即以html標籤名作為選擇器名稱。

作用

:選擇css樣式** 作用於 對應標籤名的標籤上。

l 格式:

標籤名

適用範圍:適用於將相同樣式

作用在多個同名標籤上

示例:

11111112222222

22222222222222

2,類選擇器

每個html標籤都有乙個

class

屬性,class

屬性值即為類名

類選擇器:即以html的類名(

class

屬性值)作為選擇器名稱。

作用:選擇css樣式** 作用於 對應類名的

html

標籤上

l 格式:

.類名{

/*css樣式***/

適用範圍:適用於將樣式

一次作用在相同類名的標籤上。(即使標籤名不同)

span1我是黑色

span2我是紅色

div1我是黑色

div2我是紅色

3,id選擇器

每個html標籤都有乙個id屬性,id的屬性值必須在本頁面是唯一的。 

id選擇器:即以html的

id(id屬性值)作為選擇器名稱。

作用:選擇css樣式** 作用於 某個規定

id值的

html

標籤上

格式:#id值{

/*css樣式***/

適用範圍:適用於將樣式

作用某個標籤上。(更有針對性)

注意:必須手動保證id值在本頁面唯一。

span1我是黑色

span2我是紅色

div1我是黑色

div2我是紅色

02 css的選擇器

css的選擇器 1.基本選擇器 2.高階選擇器 基本選擇器包含 1.標籤選擇器 標籤選擇器可以選中所有的標籤元素,比如div,ul,li p等等,不管標籤藏的多深,都能選中,選中的是所有的,而不是某乙個,所以說 共性 而不是 特性 body 標籤選擇器 p span 2.id選擇器 選中id 同乙個...

02 css的選擇器

css的選擇器 1.基本選擇器 2.高階選擇器 基本選擇器包含 1.標籤選擇器 標籤選擇器可以選中所有的標籤元素,比如div,ul,li p等等,不管標籤藏的多深,都能選中,選中的是所有的,而不是某乙個,所以說 共性 而不是 特性 body 標籤選擇器 pspan 2.id選擇器 選中id 同乙個頁...

常用的css選擇器

一 除ie6外瀏覽器支援的css選擇器 6.x link x visited x hover x active a link a visted 偽類選擇器,visted已被訪問過的樣式,hover滑鼠經過的樣式,link未被訪問的樣式。三種偽類選擇器常用於鏈結,但不是說只適用於鏈結,可惜的是ie6只...