关于选择器的总结与整理

我们先回想一下什么是选择器？
选择器：选择施加样式目标的一种形式，也可以说是根据某个依据来选择应用样式的目标。
样式：
样式内容：以键值对的形式来描述样式的细节，比如字体的大小、背景颜色等。
由于选择的依据不尽相同，所以就产生了各种不同的选择器。

元素选择器：直接按照标签（或元素）的名称来选择相应的目标。
例：
div{
Background-color：red
}

ID选择器：根据元素的id名称来选择目标
例：

id="test"#test{Font-size：24px}

类选择器：根据元素中的class属性来选择目标
例：

class=“test”   .test{   font-size:20px;        }

注意：class的前面有个“.”

**

属性选择器 title

**
根据属性的特征来选择应用样式的目标，所以从这个意义上来讲，它包含了id选择器，书写格式为：
[title]：选择设置了title属性的元素
[title=”tt”]选择title属性等于tt的元素
[title^=”tt”]选择以”tt”开头的元素
[title~=”tt”]选择以”tt”结尾的元素
[title$=”tt”]选择包含完整”tt”单词的元素
[title*=”tt”]选择包含”tt”的元素

关系选择器
根据元素间的家族关系来选择目标
E F:在选择器E选中的目标中再去选中后代满足F选择器的目标。
E>F:选择直接后代
E+F:选择第一个“弟弟”元素（相邻的元素，只能是下面的）
E~F:选择所有的“弟弟”元素

伪类、伪元素选择器
伪类：其效果与增加一个类来实现的效果等价，所以称之为伪类。
伪元素：其效果与增加一个元素来实现的效果等价，所以称之为伪元素
组合选择器
多个选择器使用同一个样式描述，以逗号隔开。