我有一些h1,h2,h3和很多我想要仅应用于我网站的特定部分的引导片段,我添加了一个独特的类,比如说.unique但是它需要几个小时来填充超过1000的CSS行
我使用了崇高的文字
提前致谢
答案 0 :(得分:1)
您可以使用CSS预处理器,例如LESS或SASS(还有更多)。只需这样做,两者都可以做到你想要的:
.unique {
// Old CSS goes here
}
与普通CSS相比还有许多其他优势。
答案 1 :(得分:1)
常见的我想给你一些想法,因为我认为你的问题与控制css覆盖有关。
Jost的LESS或SASS解决方案实际上非常好,因为前缀可以使用嵌套的css功能,但它需要一个编译过程,它们最终编译的文件仍然是css。因为html无法识别.less或.sass文件以呈现样式。
另一种想法为了避免css冲突和错误的覆盖, 而不是包括全局样式,看看你是否可以将它们嵌入特定部分/页面的一部分,在那里它们可以获得比其他全局样式更高的优先级。 一般来说,即使是相同的CSS,重要的> inline css>内部css>外部css 或javascript可以在上一次css完成页面渲染后触发css覆盖。
不是使用css优先级或脚本运行优先级来覆盖样式,而是制作两个外部的mobile.css,例如destop.css,然后使用javascript重新加载页面,以便在检测到设备宽度时包含不同的样式表在浏览器大小调整行为中已更改。(这是在响应式视图中使用的一种弹出方式)
使用IDE查找css模式,如果匹配所有模式很简单,则用前缀替换它们。