多个CSS类怪异的行为

.lifetime .containerrow 
{ 
    text-align: center; 
    height: 20px; 
}

我需要使文本在一些大胆的，所以我没有这个元素：

.lifetime .containerrow .info 
{ 
    font-weight:bold; 
}

这并不工作但是这样做：

.lifetime.containerrow.info 
{ 
    font-weight:bold; 
}

为什么？不是一回事吗？
谢谢
不知道css那么好

2012-10-18 Para

在第一种情况下，您将de样式应用于类信息，该类信息与具有类生命周期的另一个元素的类containerrow进入另一个元素。在第二种情况下，您将样式应用于具有三个类的元素。 – Kedume

我在你的问题中发现了一个'answer''意外!!!!!'谢谢 – Moumit

这是正确的行为。 .class1.class2.class3匹配具有所有三个类的元素。 .class1 .class2 .class3在.class1的元素内与.class2的元素内匹配.class3的元素。

如果你想相同的样式应用到三个不同的等级，你需要用逗号（例如.class1, .class2, .class3 { font-weight: bold; }）中分离

2012-10-18 08:26:24 MassivePenguin

.lifetime .containerrow .info 
{ 
    font-weight:bold; 
}

意味着一类的.info一个元素嵌套在.containerrow一个嵌套.lifetime

.lifetime.containerrow.info 
{ 
    font-weight:bold; 
}

内侧，是指与类元素.lifetime，.containerrow和.INFO

2012-10-18 08:26:55 Andy

我假设你想AP帘布粗体重量到多个类：

.lifetime, 
.containerrow, 
.info 
{ 
    font-weight:bold; 
}

你必须用逗号分隔的类来选择不同的元素不同类但应用同样的风格。

与选择：.lifetime .containerrow .info你选择的是有.info类是的.containerrow孩子这又是的.lifetime孩子一个元素。

2012-10-18 08:27:37 Kyle

回答