使用css的类名交集复合选择器让选择元素变简单

摘要：首先先看一下基本定义：复合选择器就是两个或多个基本选择器，通过不同方式连接而成的选择器，主要包括“交集”选择器、&l...

使用css的类名交集复合选择器让选择元素变简单1

复合选择器就是两个或多个基本选择器，通过不同方式连接而成的选择器，主要包括“交集”选择器、“并集”选择器、“后代”选择器。

“交集”复合选择器是由两个选择器直接连接构成，其结果是选中二者各自元素范围的交集。其中第一个必须是标记选择器，第二个必须是类别选择器或者ID选择器。这两个选择器之间不能有空格，必须连续书写。

注意其中第一个必须是标记选择器，如p.class1，但有时候会看到.class1.class2，即2个都是类选择器，在其他浏览器中是允许出现这种情况的，但IE6不兼容。如下表：

这是个简单的tab菜单：

使用css的类名交集复合选择器让选择元素变简单2

如下是html代码:

`1`	`<ul class="nav">`