所以这是我的用例,我在翻新的旧应用程序中有一些标头是乱序的。为了符合508标准,我尝试将标头更改为增量标头(因此将第一个标头从h3更改为h1,将第二个标头从h3更改为h2,依此类推)。
现在,标头用作CSS规则的选择器。鉴于规则是在整个应用程序中应用的,因此我不希望更改它们。因此,我的问题是,我可以将一种标头类型的CSS规则应用于另一种标头类型吗?例如,我可以让特定的h1使用类似于类的h3 css规则吗?
仅CSS或扩展名是不可能的。您基本上要问的是您是否可以执行以下操作:
h3 { inherit: h1 }
您将必须使用SASS或类似的方法来实现。
一种替代方法是使用类似脚本的脚本:
var h1 = document.getElementsByTagName("h1")[0];
var theCSSprop = window.getComputedStyle(h1, null).getPropertyValue("background-color");
alert(theCSSprop);
循环浏览所有可能的CSS样式,然后将该样式添加为CSS文件或直接将其设置为样式。但是,就像您可能已经注意到的那样,这不是一个易于管理的解决方案,您只能将其用作最后的选择。
您可以做的最好的事情就是添加一个类,然后以这种方式进行样式。