2012-04-26 71 views
0

我在一些代码示例class1> class2 {class definition}中看到过。以上符号代表什么意思?CSS class1> class2的含义?

+0

MDN:子选择器(https://developer.mozilla.org/ EN/CSS/Child_selectors)。 – 2012-04-26 10:21:02

回答

7

如果class2class1的直接后代(子),则将该规则应用于类别为class2的元素。

请注意,这并不在IE版本7和更低

一个小的演示工作:

http://jsfiddle.net/jjqzK/

同时请注意,应该写成

.class1 > .class2(带点(.)在类名的前面,而不只是名称)

1

cl屁股2这里是1级的,例如直接孩子:

<div class="class1"> 
    <div class="class2"> 
    ..... 
    </div> 
    <div class="class2"> 
    ..... 
    </div> 
    <div class="class2"> 
    ..... 
    </div> 
    ..... 
</div> 

然后,如果我们致电:

.class1 > .class2{ 
    /* something */ 
} 

那么只有第一个“类2”分区的“1类”的div内将影响样式。