Question

我试图设计一些自动生成的HTML。我建立了一个系统，允许我覆盖这个autogen的东西，现在我想做一些调整。

autogen产生这样的东西

<dl>...</dl>

现在我想将bootstraps dl-horizontal类应用于生成的标记。由于它的生成，我不能简单地对它进行分类，我无法识别它，什么也没有。它必须是纯粹的CSS选择器，这是我所知甚少的。

这样做的CSS标签会是什么样的？

Answer 1

您可以使用jQuery将类添加到<dl>标记中，如下所示：

$( document ).ready(function() {
     $("dl").addClass("dl-horizontal");
});

$( document ).ready(function() {
     $("dl").addClass("dl-horizontal");
});

.dl-horizontal {
  color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<dl>
  <dt>Coffee</dt>
  <dd>Black hot drink</dd>
  <dt>Milk</dt>
  <dd>White cold drink</dd>
</dl>

<强> jsFiddle Demo

Answer 2

css中没有添加类的选项。但是，如果所有元素都是同一父元素的子元素，则可以使用子选择器进行格式化。

例如，如果您的元素是父体的子元素，那么：

body > dl
{
    color : red;
}

以上代码将更改

子元素的所有元素的文本颜色

将css类应用于所有实例

2 个答案: