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

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

两个类选择器的“交集”复合选择器浏览器支持表：

 

Mac: Safari 4.0	支持
Mac: Chrome 5.0	支持
Mac: FireFox 3.6	支持
Mac: Opera 10	支持
Win: FireFox 3.6	支持
Win: Opera 10	支持
Win: IE6	不支持
Win: IE7	支持
Win: IE8	支持

实例demo:

         
     
        
      
classone红色的
        
      
classone and classtwo 绿色的
        
      
classtwo蓝色的
    
     

效果图: