标签选择器

1.什么是 标签选择器？
作用：根据指定的标签名称，在当前界面中找到所有该名称的标签，然后设置属性。
基本格式：
标签名称{
        属性:值;
}
注意点：
1.标签选择器选中的是当前页面中所有该类型的标签。
2.标签选择器就算该标签套在其他的标签里也能被选中。
3.只要是HTML中的标签就可以作为标签选择器，如<p><img><a><ul>等标签都可以作为标签选择器。

id选择器

1.什么是id选择器？
作用：根据指定的id名称找到对应的标签，然后设置属性。
基本格式：
#id名称{
        属性:值;
}
注意点：
1.每个HTML标签都有一个属性叫做id，也就是说每个标签都可以设置id。
2.在同一个页面中每个标签的id名称是不可以重复的。


3.在编写id选择器时一定要在id名称前面加上#。
4.id名称在使用时是有一定规范的，id的名称只能有字母，数字，下划线；但是id的名称不能以数字开头。
5.id名称不能是HTML中的标签。
6.在企业开发中如果仅仅是为了设置样式，我们不会使用id的，因为在前端开发中id是留给js使用的。

类选择器（class）

1.什么是类选择器？
作用：根据指定的类名称找到对应的标签，然后设置属性。
基本格式：
.类名{
        属性:值;
}
注意点：
1.每个HTML标签都有一个属性叫做class，也就是说每个标签都可以设置类名。
2.在同一个页面中class的名称是可以重复的。
3.在编写类选择器时一定要在类名前加上.
4.类名的规范和id名称的规范是一样的。
HTML中的格式：
class=“名称”
class=“名称 名称 名称·····”

后代选择器

1.什么是后代选择器？
作用：根据指定标签的所有后代标签，然后设置属性。
基本格式：
标签名称1 标签名称2 ···{
        属性:值;
}
格式解释：
先找到所有叫做标签名称1的标签，然后再找到标签名称1中所有名叫标签名称2的标签，然后设置属性。
注意点：
1.后代选择器必须用空格隔开。
2.后代指的是所有后代。

子元素选择器

1.什么是子元素选择器？
作用：找到指定标签中所有特定的直接子元素，然后设置属性。
基本格式：
标签名称1>标签名称2 {
        属性:值;
}
格式解释：
先找到所有叫做标签名称1的标签，然后再找到标签名称1中所有直接子元素名叫标签名称2的标签，然后设置属性。
注意点：
1.子元素选择器只会查找儿子，不会查找其他嵌套元素的标签。


2.子元素选择器之间需要用>符号连接，并且不能用空格。

交集选择器

1.什么是交集选择器？
作用：给所有选择器选中的标签中，相交的那部分标签设置属性。
基本格式：
标签名称1标签名称2{
        属性:值;
}
注意点：
1.选择器和选择器之间没有任何的连接符号。

并集选择器

1.什么是并集选择器？
作用：给所有选择器选中的标签设置属性。
基本格式：
标签名称1,标签名称2{
        属性:值;
}
注意点：
1.选择器和选择器用,连接。

兄弟选择器

一、相邻兄弟选择器

作用：给指定的选择器后面紧跟的那个选择器选中的标签设置属性。
基本格式：
标签名称1+标签名称2{
        属性:值;
}
注意点：
1.选择器和选择器之间用加号连接。
2.相邻兄弟选择器只能选中紧跟其后的那个标签，不能选中被隔开的标签。

二、通用兄弟选择器

作用：给指定的选择器后面所有的标签设置属性。
基本格式：
标签名称1~标签名称2{
        属性:值;
}
注意点：
1.选择器和选择器之间用~连接。
2.通用选择器选中的是后面所有的标签，隔开的标签也能被选中。