标签指定式选择器
用法:
标签名.选择器名{属性:值; 属性:值;}
或者,
标签名#选择器名{属性:值;}
特点关系:既…又…
<DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
p.one{
color:yellow;
}
</style>
</head>
<body>
<p class="one">文字</p>
<p class="two">文字2</p>
<p class="one">文字3</p>
</body>
</html>
或者
<DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
div#div1{
color: red;
}
</style>
</head>
<body>
<div id="div1">文字</div>
</body>
</html>
后代选择器
特点:
标签之间必须属于嵌套关系。
用法:
选择器+空格+选择器{属性:值; 属性:值;…}
注意:选择器之间必须有空格
关系:
父与子的关系
并集选择器
用法:
选择器,选择器,选择器{属性:值;}
作用:
将样式集体声明,css样式初始化
特点:
并集选择器之间必须用逗号隔开
div,p,span{
color: red;
}