CSS选择器

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>

标签选择器

• 作用范围：页面上所有的指定标签

标签名{
    想要给对应标签设置的样式
}