學習筆記——初識css
阿新 • • 發佈:2018-11-06
(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"的所有元素設定樣式