0

我有这样的课

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

我需要将某些元素中的文本加粗，所以我这样做了：

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

这没有用，但这确实：

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

为什么？不是一样的吗？
谢谢
不太懂css

4

3 回答 3

2

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

如果要将相同的样式应用于三个单独的类，则需要用逗号分隔它们（例如.class1, .class2, .class3 { font-weight: bold; }）

于 2012-10-18T08:26:24.083 回答
0 
.lifetime .containerrow .info
{
    font-weight:bold;
}

表示嵌套在 .containerrow 内的 .info 类的元素，该类嵌套在 .lifetime 内

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

表示具有 .lifetime、.containerrow 和 .info 类的元素

于 2012-10-18T08:26:55.687 回答
0

我假设您想对多个类应用粗体字重：

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

您必须用逗号分隔类以在不同元素上选择不同的类，但应用相同的样式。

使用选择器：.lifetime .containerrow .info您正在选择一个元素，该元素的.info类是其子级，而该类.containerrow又是.lifetime.

于 2012-10-18T08:27:37.647 回答