CSS将类型选择器应用于另一个元素

Question

所以这是我的用例，我在一个旧的应用程序中有一些标题我正在整修，这些标题都是乱序的。试图符合508标准，我试图将标题更改为增量标题（因此将第一个标题从h3更改为h1，第二个标题从h3更改为h2，依此类推）。

现在，标题被用作CSS规则的选择器。看到规则在整个应用程序中应用，我宁愿不改变它们。因此，我的问题是，我可以将CSS规则从一种标题类型应用到另一种标题类型吗？例如，我是否可以使用特定的h1使用h3 css规则类似于类？

Answer 1

只有css或extention是不可能的。你基本上要问的是你能够做出类似的事情：

h3 { inherit: h1 }

您必须使用SASS或类似内容才能实现此目标。

另一种方法是使用如下脚本：

var h1 = document.getElementsByTagName("h1")[0];
var theCSSprop = window.getComputedStyle(h1, null).getPropertyValue("background-color");
alert(theCSSprop);

循环使用所有可能的css样式，然后将该样式添加为css文件或直接设置为样式。但是你可能已经注意到了。这不是一个只能作为最后手段使用的可管理解决方案。

你能做的最好的事情就是给他们添加一个类，并以这种方式进行造型。