Javascript 我可以引用带有名称的引导css选择器吗？

例如，引导表选择器定义：

.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}

现在我想在我的内容中使用这种样式，但是内容是由所见即所得编辑器生成的，所以。。。在里面。我不能在这些内容中指定选择器，我只知道div中的这些内容，比如

<div id="editor_content">...</div>

那么，我可以定义这样的选择器吗？让div中的所有内容都显示引导风格

现在我只需将相同的代码复制到其中

#editor_content table{
 << reference .table-bordered >>
}

---

谢谢

下面是一个工作示例，它将一些引导类添加到编辑器content div中的表中

$'editor_content table'。addClass'table'。addClass'table hover'。addClass'table Borded'。查找'thead'。addClass'thead dark'； 一些东西

可乐 可乐 A. B C D 一些其他的东西

---

加载页面时，用js添加类可能会重复吗？@JasonB如果是这样，我必须搜索输入字符串并插入css标记，有没有更好的简单方法？@desifor我可以只使用css吗less@XuWang是的，这个重复的问题表明，如果不使用LESS或SASS之类的预处理器，你就无法完成你要做的事情。正如JasonB所指出的，您可以使用JS以编辑器内容元素中的所有表为目标，并将.tabled bordered类添加到这些元素中——但您不能仅使用CSS，除非您将引导样式复制到自己的类中。