如何让一个 div 表现得像另一个 div？答案

【问题标题】：How to let a div behave like another div?如何让一个 div 表现得像另一个 div？
【发布时间】：2012-07-06 13:59:30
【问题描述】：

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

在我的孩子主题中，我喜欢使用 HTML 所见即所得

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

类似

#edButtonHTMLChild = #edButtonHTML

问候

【问题讨论】：

标签： css

【解决方案1】：

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

#edButtonHTMLChild, #edButtonHTML{
  styles...
}

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

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

【讨论】：