选择器

id选择器

唯一

<div id="box"></div>

#box {

}

类选择器

<div class="box"></div>

.box {

}

可以是多个class加在同一个元素上

标签选择器

div {

​ width:100px;

​ height:100px;

}

当前页面上所有标签为xxx的元素

群组选择器

div,p,h1 {

​ width:100px;

​ height:100px;

​ color:pink;

}

用逗号分隔，被逗号分隔的元素统一使用相同的样式

包含选择器

.box div {

}

目标范围 目标元素

通配符

body * {

​ margin:10px;

​ pading:10px;

​ border:1px solid #fff;

}

找到页面上符合规则的所有元素

不建议使用

选择器的优先级

代码执行生效的顺序：

行间样式> id选择器 > 类选择器 > 元素选择器

行间样式 1000

id选择器 100

类选择器 10

元素选择器 1