CSS选择器
id选择器
- 注意:id名在一个页面中只能出现一次,有且只有一个
#id名{
想要给对应标签设置的样式
}
class选择器(类选择器)
- 注意:同一个class可以作用给多个标签,一个标签上可以有多个class
- 命名规范:
可以包含数字、英文、下划线“_” 、连接符“-”;
不能以数字开头
不能包含其他的特殊符号:#、.、@、& - 推荐命名:
语义化,见名知义,
有多个单词来命名可以用-隔开
<style>
.class名1{
想要给对应标签设置的样式
}
.class名2{
想要给对应标签设置的样式
}
</style>
<div class="class名1 class名2"></div>
<div class="class名1 class名2"></div>
<div class="class名1 class名2"></div>
标签选择器
- 作用范围:页面上所有的指定标签
标签名{
想要给对应标签设置的样式
}