Question

我需要为当前属性添加一个新类。

目前我们有

.class1 .class2{
width:150px;
}
.class1 .class50{
more properties
}
.class1 .class10 .class8 .class5 .class50{
more properties
}

所以上面说的是在所有页面上显示div，但我想在1页上进行更改，只有250px的宽度。我不知道如何容纳它，我已经尝试将.newclass添加到类的字符串中，所以在第1类显示的时候我正在将.newclass添加到该行（不起作用）

我还尝试在之前或之后添加.newclass，例如：

.class1 .class10 .class8 .class5 .class50, .newclass{
more properties
} (didnt work either)

有什么建议吗？

以下是HTML示例

<div id="class33" class="class34 class35" style="display:none;"> 
    <div class="class7"> 
        <ul class="class33 class1"> 
        </ul>
    </div>
</div>

Answer 1

你是否也在每个.class之间使用？ .class1，.class2，.clas ..

您还可以考虑创建一个新类，或者是否可以使用更高级别的类？

Answer 2

我认为你不知道css是什么意思。

.class1 .class10 .class8 .class5 .class50, .newclass{
  more properties
}

这意味着more properties适用于.class50内.class5内.class10内.class1内.newclass内元素.class1的元素}}。如果您尝试覆盖.class1的任何位置，则需要复制.class1 .class10 .class8 .class5 .class50, .newclass .class10 .class8 .class5 .class50 { more properties }以下的所有子级联。如下所示：

$('.class1').each(function () {
  $(this).width(250);
});

最终，这只是处理一页异常值的噩梦。（更不用说，如果这发生在一个页面上，它无疑会在以后发生）

如果元素只在页面上出现一次，您可以尝试向其添加一个id，它具有更高的特异性排名（因此会覆盖类样式）。

另一个想法：jQuery？ 如果你已经在网站上使用JS / jQuery，你可能只是在那里处理它。

{{1}}

Answer 3

你应该创建一个新类并将其应用于那一页。

.newclass
{
  width: 250px;
}

在您的标记中，newclass需要指定为第二，因此它会覆盖class1。

<div class="class1 newclass">
</div>

您还可以对<style>类的class1标记使用每个特定的覆盖，而不必添加newclass。但有些人会说这违反了结构和风格的分离，所以也许只有在改变原始标记（添加newclass类）时才能使用它。

<head>
  <style type="text/css">
  .class1
  {
    width: 250px;
  }
  </style>
</head>

Answer 4

您需要单独的课程使用“，”：

.class1, .class2{
width:150px;
}
.class1, .class50{
more properties
}
.class1, .class10, .class8, .class5, .class50{
more properties
}

将类添加到现有的类包中

4 个答案: