CSS学习笔记-基本选择器
选择器
利用选择器对不同的标签进行样式控制,head标签中添加style标签
选择器的定义
一个HTML文件中会存在很多个元素,如果想对不同的元素添加不同的样式,就需要使用到选择器!说白了,选择器就是用来选择指定的元素的!
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>基本选择器</title>
<style>
/*选择器用来选择指定的元素 进而控制样式*/
/*元素选择器*/
div{
color:red;
}
/*类选择器*/
.cls{
color:blue;
}
/*id选择器*/
#d1{
color:green;
}
#d2{
color:pink;
}
</style>
</head>
<body>
<div>div1</div>
<div class = "cls">div2</div>
<div class = "cls">div3</div>
<div id = "d1">div4</div>
<div id = "d2">div5</div>
</body>
</html>