全局选择器
可以与任何元素匹配,优先级最低,一般做样式初始化
1 | *{ |
2 | margin:0; |
3 | padding:0; |
3 | } |
元素选择器
HTML文档中的元素,p,b,div,a,img,body等
标签选择器,选择的是所有这种类型的标签所以经常描述“共性”,无法描述某一个元素的“个性”
1 | p{ |
2 | font-size:14px |
3 | } |
如果想让“学完前端,继续学习Java”这句话中的“前端”变为红色字体,那么可以用<span>标签把“前端”两个字围起来,然后给<span>标签加一个标签选择器
1 | <p>学完了<span>前端</span>,继续学习Java</p> |
2 | span{ |
3 | color:red; |
4 | } |
1:所有标签,都可以是选择器,比如ul,li,lable,dt,dl,input,div等
2:无论这个标签藏得有多深,都能被选择上
3:选择的所有,而不是一个
类选择器
规定用圆点 . 来定义,针对想要的所有标签使用
优点:灵活
1 | <h2 class="oneclass">你好</h2> |
2 | /*定义类选择器*/ |
3 | .oneclass{ |
4 | width:800px; |
5 | } |
class属性的特点
1:类选择器可以被多种标签使用
2:类名不能以数字开头
3:同一个标签可以使用多个类选择器。 用空格隔开