html - 我可以在不编辑核心文件和复制规则的情况下将一个 HTML5 元素的 CSS 规则应用于另一个 HTML5 元素吗？

Question

我可以在不编辑核心文件和复制规则的情况下将一个 HTML5 元素的 CSS 规则应用到另一个 HTML5 元素吗？如果可以，我应该怎么做？

这是我遇到的问题的简化版本:

core.style.css内容:

abbr {
    color: #ff8c00;
}
span {
    color: #e9967a;
}

extension1.style.css内容:

abbr {
    /* applying style rules of span of core.style.css */
    color: #e9967a; 
}

如您所见，我希望 extension1.style.css 的 abbr 与 core 的 span 具有相同的规则.style.css 有。如果有人更新 the core.style.css 的 span 那么 extension1.style.css 的 abbr 也应该更新.

编辑:
JavaScript 不是一个选项。

Answer 1

这在纯 CSS 中是不可能的。你应该研究像 Sass 这样的 CSS 预处理器或 Less在 CSS 中使用类似变量的东西。