(1)派生選擇器
根據文檔的上下文關係來定義樣式,可以使標記更簡潔
例:
使列表內的strong元素變爲紅色
li strong{color:red;
}
(2)類選擇器
1.在css中,類選擇器以一個點號顯示
例:
.divclass{color:red;
}
在下面的HTML代碼中,div元素含有divclass類,意味着它要準守.divclass的規則
例:
注意!!
類名的第一個字符不能使用數字!無法在firefox中起作用!
2.和id選擇器一樣,class也可被用作派生選擇器:
.pclass a{color:red;
}
(3)id選擇器
1.id選擇器:id選擇器可以爲標有id的html元素指定的樣式id選擇器已‘#’來定義
2.id選擇器和派生選擇器:目前比較常用的方式是id選擇器常常用來建立派生選擇器.
3.例:
index.html代碼中的p標籤和div標籤包含了兩個id屬性,值分別爲pid和divid,在css文件中以#pid和#divid屬性值引用
注意!!!
id屬性值只能在每個html文檔中出現一次!!!!
(4)屬性選擇器
1.對帶有指定屬性的html元素設置樣式
例1:爲帶有title屬性的所有元素設置樣式
例2:爲title="te"的所有元素設置樣式