0

我有这个 div 作为包含罚款的一部分：

.connier {
      text-align: left;
      padding-top: 5px;
      padding-bottom: 10px;
      padding-left: 10px;
      background-color:#CCC;
}

并这样使用它：

<div id="connier">
  <!--#include virtual="/cover/cover.asp" -->
</div>

但是我想在另一个页面上使用相同的包含文件，但这一次，具有透明背景，但它仍然呈现相同的背景。

这是我尝试的

.connier.the_otherbg {
      text-align: left;
      padding-top: 5px;
      padding-bottom: 10px;
      padding-left: 10px;
      background-color:transparent;
}

<div class="the_otherbg">
  <!--#include virtual="/cover/rents.asp" -->
</div>

我究竟做错了什么？

非常感谢提前

4

3 回答 3

4

我认为你应该做的就是：

.connier {
      text-align: left;
      padding-top: 5px;
      padding-bottom: 10px;
      padding-left: 10px;
      background-color:#CCC;
}

.transparent
{
    background-color: transparent!important;
}

请记住，我们正在使用 CASCADING 样式表 (CSS)，因此在其他类下找到透明类很重要，如果没有，请使用 '!important'（虽然这不应该经常使用！）。

另请注意，在 div 中使用了 'class=' 属性。要使用'id'将一些css绑定到div，那么类应该像'#myDivId'（在我看来这不太有用）

对于您的正常 div 使用：

<div class="connier"></div>

并为您的其他 div 使用：（该 div 将同时有两个类）

<div class="connier transparent"></div>

通过这种方式，您可以使您的 css 更加可用和可维护。

希望这能澄清一点

于 2012-05-08T23:49:49.893 回答
4

将您的 CSS 更改为：

.the_otherbg {
      background-color:transparent;
}

确保它是在.connier. 您还需要确保您的 div 具有两个类：

<div class="connier the_otherbg">
  <!--#include virtual="/cover/rents.asp" -->
</div>

I would do it this way so that the the_otherbg div inherits any changes to connier. Only define what is different between them. In the future, when you need to change something, you will only need to do it in one place.

Demo: http://jsfiddle.net/CF88G/

于 2012-05-08T23:50:13.710 回答
1

class好吧，如果您使用选择器来定位由它标记的 div，我很想知道第一个是如何工作的ID，但不要介意。

第二个选择器定位同时具有 和 类connier的the_otherbg元素，而您要定位的元素只有the_otherbg. 尝试.connier从选择器中删除。

于 2012-05-08T23:47:33.837 回答