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多种花式选择器
网友评论