css中的选择器的总结

css3选择器的一些总结

通配符  *{ }　　可以针对所有的  未添加样式的标签更改样式。

1.标签选择器

　　标签选择器直接写，标签名加上花括号

2.类选择器　　（跨标签）

分类：(1)  类基本选择器：  例：   . 类名{  } 

(2)   结合元素去写这个选择器：例：a.aclass{  })

(3)   多类选择器 ：相当于是继承了前几个类所定义的样式，然后还可以在新增加自己的样式。

3.ID选择器　　（ 全局唯一）

分类：（1）ID选择器  格式：  #ID名{ }

　　　（2）ID只能在文档中使用一次，而类可以多次使用，ID选择器不能结合使用

4.层次选择器

　　4.1 后代选择器　　（空格）

　　　　　　多个标签嵌套使用，越往里边越是后代的，在css中可以通过写外层标签+空格+内层标签，去修改样式(可以直接选择后代）

　　4.2 子选择器　　　　（>）

　　　　　　必须是一代一代指向下去去使用，（不能隔代选择）

　　4.3 相邻兄弟选择器　　（+）

　　　　　　可选择紧接在另一个元素之后的元素，且二者有相同的父级元素

　　通用选择器

5.伪类选择器

6.**属性选择器**       （id与class的结合）

 

1.简单的属性选择：  例：[title]{  }

2.根据具体属性值选择：除了选择拥有某些的元素，还可以进一步缩小选择范围，只选择有特定属性值的元素

3.属性与属性值必须完全匹配，就是在HTML中写的属性与属性值得与在css中写的一样了

4.根据部分属性值选择:　　它是一种模糊的选择，就是你在css中写了一个属性值，然后后面加上了~=  之后，会“含有”所写的属性值的那个标签增加样式