CSS 基础选择器

CSS 选择器作用

选择标签用的， 把我们想要的标签选择出来

---

1. 标签选择器

概念：标签选择器是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式

语法：标签{属性1: 属性值1; 属性2: 属性值2; }

---

2. 类选择器

可以选择一个或者多个标签，为元素对象定义单独或相同的样式。

.类名  {   
    属性1: 属性值1; 
    属性2: 属性值2; 
    属性3: 属性值3;     
}
<p class='类名 类名'></p>

注意：长名称或词组可以使用中横线来连接为选择器命名

---

3. id选择器

元素的id值是唯一的，只能对应于文档中某一个具体的元素

#id名 {属性1:属性值1; 属性2:属性值2; }
<p id="id名"></p>

id选择器和类选择器区别：最大的不同在于使用次数上

• 类选择器： 是可以多次重复使用的
• id选择器：不得重复，只能使用一次

---

4. 通配符选择器

能择页面中所有的标签，是在所有选择器中作用范围最广的

* { 属性1:属性值1; 属性2:属性值2; }

* {
  margin: 0;                    /* 定义外边距*/
  padding: 0;                   /* 定义内边距*/
}

注意：会匹配页面所有的元素，降低页面响应速度

---

5. 基础选择器总结

选择器	作用范围	缺点	使用情况	用法（例如）
标签选择器	可以选出所有相同的标签	不能差异化选择	较多	p
类选择器	可以选出单个或多个标签	可以根据需求选择	非常多	.nav
id选择器	一次只能选择器一个标签	只能使用一次	不推荐使用	#nav
通配符选择器	选择所有的标签	有时不需要那么多	不推荐使用	*

---