cs3选择器分类
本文列举常用的几种选择器
一.分层选择器EF
子选择器
选择匹配的f元素，匹配的f元素匹配的e元素的子元素
divem{ color: red； } HTML代码： div h3我是标题/h3 p我的第一个是p标签/p em我的第一个是em标签/em span我是小标题/span em我的第二个是em标签/em em我的第三个是em标签/em/div效果如下
E F
相邻兄弟选择器
选择匹配的f元素，匹配的f元素紧跟在匹配的e元素之后
div p{ color: blue； } HTML代码： div h3我是标题/h3 p我是第一个p标签/p em我是第一个em标签/em/divp我是第一个p要素/pp我是div要素后面第二个p要素/p效果如下：
E~F
通用选择器
选择匹配f元素，然后选择匹配e元素之后的所有匹配f元素
div~p{ color:blue； } HTML代码： div h3我是标题/h3 p我是第一个p标签/p em我是第一个em标签/em/divp我是第一个p要素/pp我是div要素后面第二个p要素/p效果如下：
双结构伪类选择器X:first-child匹配子集的第一个元素。 可由IE7支持
X:last-child与父元素的最后一个x元素匹配
x:nth-child(n )用于匹配索引值为n的子元素。 索引值从1开始
一个名为X:only-child的伪类通常很少使用。 例如，上面的代码匹配的只有div下的一个p。 也就是说，如果div中有多个p，则不匹配。
x:nth-last-child(n )从末尾开始计算索引。
x :第一个类型与同级元素的第一个x元素匹配
x :最后一个类型与同级元素的最后一个x元素匹配
x:nth-of-type(n )与同种第n个兄弟元素x一致
X:only-of-type匹配相同类型中唯一的同级元素x
x:nth-last-of-type(n )与同类倒数第n个兄弟元素一致
3360根与文档的根元素匹配。 在HTML (标准通用标记语言下的APP应用程序)中，根元素始终是HTML
X:empty{}与没有包含文本的子元素的元素x匹配