标签：
选择器
css的一个核心特性就是能向文档中的一组元素应用某些规则。
多类选择器
.a.b 通过把两个类选择器链接在一起，仅可以选择同时包含这些类名的元素
属性选择器
1、 简单属性选择：选择有某个属性的元素
h1[class]{}
a[title][href]{}
2、 根据具体属性值来选择：选择有特定属性值的元素。
a[href=”http://www.baidu.com”]{}
a[href=”http://www.baidu.com”][title=”w3chome”]{}
实际上是完全串匹配，所有如果有多个类，顺序必须一样。
3、根据部分属性值选择：如果属性可以接受词列表（此之间用空格分隔），可以根据其中任意一个词进行选择。比如class属性
p[class~=”warning”]{}子串匹配属性选择器
[foo^=”bar”] //选择foo属性以“bar开头的所有元素”
[foo$=”bar”] //选择foo属性以“bar结尾的所有元素”
[foo*=”bar”] //选择foo属性包含“bar的所有元素”
4、特定属性选择类型
使用文档结构
1、后代选择器：空格分开即可
2、选择子元素：使用子结合符（>）
h1>strong{}
3、选择相邻兄弟元素：选择紧接在另一个元素后的元素，使用相邻兄弟结合符（+）
h1+p {margin-top:0}
伪类选择器（指定幻想类）
静态伪类
css2.1定义了两个只应用于超链接的伪类
：link 指示作为超链接（有一个href属性）并指向一个未访问地址的所有锚
：visited 已访问
：link和：visited是静态的，即第一次显示之后，不会在改变文档的样式。
动态伪类
可以根据用户行为改变文档的外观。
：focus 当前拥有输入焦点的元素。
：hover 鼠标指针停留在哪个元素上
：active 被用户激活的元素
动态伪类可以应用于任何元素。
input：focus{background:silver}
选择第一个子元素
静态伪类：first-child
伪元素选择器
伪元素能够在文档中插入假想的元素，从而得到某种效果。
设置首字母样式 first-letter
设置第一行样式 first-line
所有伪元素都必须放在出现该伪元素的选择器的最后面。
设置之前和之后元素的样式
css2.1允许插入生成的内容，然后使用伪元素：before和：after直接设置样式。
h2:before{content:”}]”;color:siliver}
标签：
原文地址：http://www.cnblogs.com/todayCCCC/p/5779110.html
