基础选择器一

全局选择器

可以与任何元素匹配，优先级最低，不推荐使用

xxxxxxxxxx
*{
     margin: 0;
     padding: 0;
 }

元素选择器

HTML文档中的元素，p、b、div、a、img、body等。

标签选择器，选择的是页面上所有这种类型的标签，所以经常描述“共性”，无法描述某一个元素的“个性”

xxxxxxxxxx
p{
    font-size:14px;
}

再比如说，我想让“学完前端，继续学Java”这句话中的“前端”两个变为红色字体，那么我可以用<span>标签把“前端”这两个字围起来，然后给<span>标签加一个标签选择器

xxxxxxxxxx
<p>学完了<span>前端</span>，继续学Java</p>
span{
    color: red;
}

温馨提示

1. 所有的标签，都可以是选择器。比如ul、li、label、dt、dl、input、div等
2. 无论这个标签藏的多深，一定能够被选择上
3. 选择的所有，而不是一个

类选择器

规定用圆点 . 来定义，针对你想要的所有标签使用

优点

灵活

xxxxxxxxxx
<h2 class="oneclass">你好</h2>
/*定义类选择器*/
.oneclass{
    width:800px;
}

class属性的特点

1. 类选择器可以被多种标签使用
2. 类名不能以数字开头
3. 同一个标签可以使用多个类选择器。用空格隔开

xxxxxxxxxx
<h3 class="classone  classtwo">我是一个h3啊</h3>

xxxxxxxxxx
<h3 class="teshu" class="zhongyao">我是一个h3啊</h3>  // 错误

实时效果反馈

1.下列代码哪个是类选择器使用方式：

A h1{color:red;}

B *{margin:0;}

C .title{color:red;}

D h3{color:red;}

答案

1=>C