2013-08-28 80 views
3

假设我在html页面中有一个div元素,如下所示。这个班是一个班级吗?

<div class="Item1 Item2"></div> 

的Item1是可使用以下语法来定义的类和规则及其规则。

.Item1 { 
    width: 100px; 
    height: 20px; 
    border: 5px solid white; 
} 

是在项目2也叫做类?我能像普通课程一样运用它的风格吗?

.Item2 { 
    width: 1px; 
    height: 2px; 
} 
+1

这两个类都是独立的,它不像'Item2'是'Item1'的子类 - 你可以在别处使用它自己。 – Alok

+1

为什么投下来? –

+2

@PaulSnow,因为这是一个非常容易实现的CSS概念 –

回答

3

属性class="Item1 Item2"指定元素所属既Item1类和Item2类。 class attribute的值根据定义是由空白分隔的一组类名。类名的顺序并不重要。

所以没有类的嵌套。

这意味着在CSS中,元素与选择器.Item1和选择器.Item2都匹配。

在给出的例子中,两个规则都会被考虑在内,任何冲突都可以通过cascade的正常规则来解决。其他的东西是相同的(例如,在作者样式表中有一个规则,在用户样式表中有另一个规则,或者在规则中有其中一个规则),将值分配给属性的冲突在这两条规则中将会被解决,以支持稍后指定的规则。该决议是财产,而不是整个规则;因此在示例情况下,将始终应用设置border的声明(除非被这两个规则之外的内容覆盖)。