web前端开发基础教程：标签选择器和通配符选择器

css选择器就是指定CSS要作用的标签，那个标签的名称就是选择器。意为：选择哪个容器。

lCSS选择器的类型

 html标签名选择器。使用的就是html的标签名

 class选择器。其实使用的标签中的class属性

 id选择器。其实使用的是标签的中的id属性

css选择器综述

所有标签选择器*{}（通配符选择器，*代表当前页面中所有的标签，通配符的穿透力很强，优先级高于继承的样式，会覆盖继承的样式），通配符选择器可以清除所有html的默认编剧，其代码如下：

* {

     margin：0；  /*定义外边距*/

     padding：0； /*定义内边距*/

}

标签选择器p{}  p{}，可以设置当前页面对应标签的属性

Id选择器#id值{}，可以设置当前页面对应ID的属性。（ID选择器是可以帮助我们选择当前页面中唯一id值的标签，也就是根据标签的id属性值进行选择设置样式。Id选择器的符号是#号）

ID选择器的命名规范

1）只允许出现字母（大小写均可，严格区分）、下划线、数字。也就是说，id=”leiyue”和id=”Leiyue”不冲突

2）只允许以字母开头

3）命名没有长度限制，可以是1个字母，也可以是很多个。不过不建议太长

4）不允许出现标签名（不是硬性规定，是有工作经验的标签）

类选择器.head{}  ，是对html标签中class属性进行选择。Css类选择器的选择付是“.”

例如：.demo {}，在html中引用模式是<p class=”democ1”>，当前的类标签中拥有多个不同的值时候，中间用空格隔开。

ID选择器和类选择器的区别

1.相同的class属性值，可以在html中出现多次。ID属性值在页面中只能出现一次

2.一个class属性可以有多个值，也就是说一个标签可以有多个类

在前端开发过程中，建议大家尽量使用类选择器。使用ID时候情况：当确实能唯一确定当前页面中标签只会出现一次，这时候可以使用ID选择器。如果不能保证相同的作用的标签在页面中只出现一次，那么这时候就选择使用类选择器。

层级选择器/分组选择器/属性选择器/子元素选择器/相邻兄弟选择器/伪类选择器/伪元素选择器

• 上一篇：web前端开发基础教程：CSS语法及简单CSS属性
• 下一篇：上海网站建设web前端开发基础教程：复合选择器