选择器

什么是选择器？

选择器：描述后面的样式施加到哪些目标，或者说根据某个依据

              来选择应用的样式

根据选择依据的不同，就产生了不同的选择器

1. 元素选择器

Div{ background-color:red}

2．id选择器

       根据元素的ID属性来选择

       书写格式是:  #idname{ xxxxx}

       #username{font-size:25px}

3．类选择器

       根据元素的class属性来选择

       书写格式是： .classname{xxxxx}

       .passwd{font-size:20px}

4．属性选择器

       根据属性的特征来选择应用样式的目标，从这个意义上

讲，它包含了id选择器和类选择器

[title]:选择设置了title属性的元素

[title=”tt”]:选择title属性等于“tt”的元素

[title^=”tt”]:选择title属性以“tt”开头的元素

[title$=“tt”]:选择title属性以“tt”结尾的元素

[title~=”tt”]:选择title属性包含完整单词“tt”的元素

[title*=”tt”]:选择titlt属性包含“tt”的元素

5.关系选择器

根据元素间的家族关系来选择目标

这些细节我们有可能记不住，没有关系

忘记的时候看一下

你能够认识它就行

6.伪元素、伪类选择器

伪元素：其效果等同于增加一个元素，所以称之为伪元素

伪类：其效果等同于增加一个类，所有称之为伪类

7.组合选择器

多个选择器如果想应用同一个样式，可以用逗号隔开