CSS选择器

CSS选择器
元素选择器
选择器分组
类选择器详解
ID选择器详解
属性选择器详解
后代选择器
子元素选择器

元素选择器
1、最常见的选择器就是元素选择器，文档的元素就是最基本的选择器。如元素的标签就是元素选择器h1{}、a{}

选择器分组
1、h1,h2{} 同时更改h1,h2的属性
2、通配符：*{}

类选择器
1、类选择器允许以一种独立与文档元素的方式来指定样式
例如：.class{}
2、结合元素选择器：
例如：a.class{}
3、多类选择器：
例如：.class.class{}

id选择器
1、ID选择器类似于类选择器，有一些差别：#ID{}
2、ID选择器和类选择器区别：
ID只能在文档中使用一次，而类可以多次使用
ID选择器不能结合使用
当使用js时候，需要用到id

属性选择器
1、简单属性
[title]{}
<style>
[title]{

}
</style>
<p title="">hello</p>
2、根据具体属性值选择：
除了选择拥有某些的元素，还可以进一步缩小选择范围，只选择有特定属性值得元素
例如：a[href="http://www.baidu.com"]{};
3、属性和属性值必须完全匹配
4、根据部分属性值选择 [title~="title"]{}

后代选择器
可以选择作为某元素后代的元素

子元素选择器
1、与后代选择器相比，子元素选择器只能选择作为某元素子元素的元素
例如：h1>strong{}

相邻兄弟选择器
可选择紧接在另一个元素后的元素，且二者有相同父元素
例如：h1+p{}