3.选择器

css选择器作用

基本选择器

首先来说一下，什么是选择器。在一个HTML页面中会有很多很多的元素，不同的元素可能会有不同的样式，某些元素又需要设置相同的样式，选择器就是用来从HTML页面中查找特定元素的，找到元素之后就可以为它们设置样式了。 选择器为样式规则指定一个作用范围。

基础选择器包括：

• 标签选择器
• 类选择器
• ID选择器
• 通用选择器

标签选择器

顾名思义就是通过标签名来选择元素：

可以选中所有的标签元素，比如div,ul,li,p等
不管标签藏的多深，都能选中
选中的是所有的，而不是某一个，所以说'共性'而不是'特性' 

实例：

p {
  color: red;
}

ID选择器

通过元素的ID值选择元素：

同一个页面id不能重复
任何标签都可以设置id
id命名规范 以字符 数字 下划线 大小写 严格区分 aa和AA

示例：

#i1 {
  color: red;
}

类选择器

通过样式类选择元素：

1.所谓类  就是class .class与id非常相似 任何标签都可以
加类 但是类可以重复 归类

2.同一个标签中可以携带多个类 用空格隔开

示例：

.c1 {
  color: red;
}

注意：

1.不要去视图用一个类将我们的页面写完，这个标签要
多携带几个类，共同设置

2.每个类要尽可能的小，有公共的概念，能让更多的标签取用

 

通用选择器

使用*选择所有元素：

* {
  color: black;
}