css选择器

 一：基础选择器

1.通用选择器  *

 能够获取html中的所有标签

2.标签选择器

通过标签的名字来选择标签，只要是标签类型符合的，都能被选中

如

div{
xxx
}

3.id选择器

通过标签的id来选择标签，标签的id不能重复，唯一，一条id选择语句只能命中一个标签
在写css代码选择时，要在id值前添加#

#www{
       font-style: italic;
}

 4.class选择器

给标签添加class属性，不同标签的class属性是可以相同的，因此class选择器可以名字多个标签
在写class选择语句时，要在class值前添加.

.fff{
      color: brown;
}

二：组合选择器

1.后代选择器：

能够找出其后代中的所有符合条件的标签，如果想找出孙子标签，要附带儿子标签

 html代码中，标签是嵌套使用的，想要设置嵌套里的标签，可以使用后代选择器

具体格式为：

 嵌套的标签名1 嵌套的标签名2{

　　　　scc选择语句

} 

能够命中标签名1中所有被嵌套的标签2

(命中select标签中所有的option标签，将其设为黄色)
select option{
         color: yellow;
}

标签名 .class值 {

scc选择器

}   

命中标签中所有的class值符合的标签

如果向找出孙子标签，要附带儿子标签，就要使用id和class多层命中（每一层都不能缺少）
#outer .c1 .c2{ 注意这里 使用空格
scc选择语句
}      

2.子代选择器

只能选择其儿子中符合条件的标签   (如果儿子被命中，则孙子也会被命中)

#outer>.c1{   注意这里使用>
    css选择语句
}         

 3.并列选择器

将多个毫无关系的标签进行统一设置。标签之间以,(逗号)进行连接

.c1,.fff{     将id名为c1和fff的标签进行操作,这里使用，
    css语句
}   

4.级别选择器

标签1+标签2（css选择语句）

只能找出与标签1紧紧相连的标签2，下一个标签符合条件就设置，不符合就不设置

 三.属性选择器：

1.E[att] 匹配所有具有att属性的E元素
2.E[tt='aa'] 匹配所有tt属性为aa的E元素
3.E[tt~='aa'] 匹配所有att属性具有多个空格分隔的值。其中一个值为aa的E元素
4.E[tt^='aa'] 匹配tt属性值以aa开头的E元素
5.E[tt$='aa'] 匹配tt属性值以aa结尾的E元素
6.E[tt*='aa'] 匹配属性值中包含aa的每个E元素
7.p:before 在p元素前插入内容
8.p:after 在p元素后插入内容