0

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

目前我们有

.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>
4

4 回答 4

0

您是否还在每个 .class 之间使用了 , ？.class1、.class2、.class..

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

于 2012-09-27T23:01:47.223 回答
0

我想你不知道那个 css 是什么意思。

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

这意味着这more properties适用于具有.class50that's inside的元素，该元素在inside.class5以及任何具有 class 的元素。如果您试图覆盖任何地方，您还需要复制下面的所有子级联。如下所示：.class10.class1.newclass.class1.class1

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

最终，仅处理一页异常值将是一场噩梦。（更何况，如果发生在一页，它无疑会在以后发生）

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

另一个想法：jQuery？ 如果您已经在该站点上使用 JS/jQuery，您可以在那里处理它。

$('.class1').each(function () {
  $(this).width(250);
});
于 2012-09-27T23:04:25.523 回答
0

您应该只创建一个新课程并将其应用到该页面上。

.newclass
{
  width: 250px;
}

在您的标记中，newclass将需要指定第二个，以便它将覆盖class1.

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

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

<head>
  <style type="text/css">
  .class1
  {
    width: 250px;
  }
  </style>
</head>
于 2012-09-27T23:04:25.593 回答
0

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

.class1, .class2{
width:150px;
}
.class1, .class50{
more properties
}
.class1, .class10, .class8, .class5, .class50{
more properties
}
于 2012-09-27T23:11:59.530 回答