CSS选择器篇：整理助记

css的选择器异常强大、灵活和多变，以至于很多js框架、库都使用

选择器两大类：基础选择器（原始选择器）、复合选择器（组合选择器）

css样式基本结构：  选择器列表 +样式声明语句块

选择器列表根据选择器个数=>1，单一选择器   2，群组选择器

样式声明语句块=>   {}  +  多声明语句；

多声明语句由单条声明语句组成=>  属性a：属性值；属性a：属性值；

eg：                                  h1,h2,h3 { padding : 5px ; marrgin : 5px ;}

---

基础选择器：

标签选择器：p,span,div

ID选择器： #Idname

Class选择器： .classname

全部元素选择器：* （不建议使用）

属性选择器：[attribute]

状态选择器（伪类选择器）： a:hover (必须搭配其他选择器使用，锁定特定状态下的元素)

复合选择器：

一、 属性值限定选择器：

      限定符：

a=b  属性值完全等于b

 a ~=b 空格隔开的属性值包含b

 a*=b 属性值包含b

a ^=b 属性值以b开头

a$=b 属性值以b结尾

a|=b  属性值字符串等于b或以b开头

二、结构选择器（上下文选择器，关系选择器）大类

选择后代 ： 空格 eg: ul li

选择子代： > eg: p>span

选择兄弟：~ eg: p~li

选择紧挨着的下一个兄弟： + eg:p+li

所有这些选择规则都可以组合使用，开启你的N多种花式选择器