css - 如何让一个 div 表现得像另一个 div？

Question

我正在从父主题中制作子主题。在子主题中，我有一些 div 的行为（样式方面）几乎与父主题中的 div 完全相同。父主题具有 HTML Wysiwyg

在我的孩子主题中，我喜欢使用 HTML Wysiwyg

如何在不更改父 .css 文件的情况下赋予 div "edButtonHTMLChild" 与 edButtonHTML 相同的 .css 样式？

就像是

#edButtonHTMLChild = #edButtonHTML

问候

score 1 · Accepted Answer

如前所述，普通 CSS 不支持继承。如果继承是您想要的东西，以及过多的其他功能，不妨试试Sass或LESS。

score 1 · Accepted Answer

如果它具有与直接类一起应用的样式，那么您可以将这些类添加到类列表中。如果它是按 ID 设置样式的，那么您必须将 CSS 规则复制到以您的自定义元素为目标的选择器中。

score 1 · Accepted Answer

如果您不想复制 CSS 或使用 LESS 之类的东西，您可以使用一些 javascript 来复制元素的样式并将它们应用于您的元素。看看这个线程：

score 1 · Accepted Answer

普通 CSS 不支持继承；您需要将孩子的选择器添加到父母的规则集中：

#edButtonHTMLChild, #edButtonHTML{
  styles...
}

或使用 Javascript 应用相同的样式。

4 回答 4