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只...