css各種選擇器,元素標籤選擇器,類選擇器,id選擇器,選擇器的組合
阿新 • • 發佈:2018-12-25
3 元素(標籤)選擇器:
格式
標籤名(html元素){
/*CSS樣式程式碼*/
}
使用範圍,是將同樣的樣式,作用在多個同名的標籤上。
4 類選擇器:
<span>我是紅色</span>
<div>我是紅的</div>
當 heml的標籤名不一樣,但是需求一樣時,就給有需求的標籤起個相同的類名就可以了
例如<span class=”redF隨便起的名字”>我是紅色</span>
<div class=”redF隨便起的名字”>我是紅的</div>
只要將 元素選擇器的
標籤名,換成起的類名就可以了,注意類名前加點 .
<head>
<style>
.redF隨便起的名字{
Color:red;
}
</style>
</head>
5 id選擇器:以html的id值作為選擇器的名稱,注意需要在id值前加#
Id:每個html標籤都有一個id屬性,id的屬性值必須在本頁面是唯一的(必須手動的保證ID值在本頁面的唯一性,因為即使id不唯一,hbuider也不會報錯)
格式
#id值{
/*CSS樣式程式碼*/
}
適用範圍:適用於將樣式,作用某個標籤上(更具有針對性)
6 基本選擇器的組合關係
格式:
選擇器1 選擇器2....{
/*CSS樣式程式碼*/
}
就是隻將選擇器