我正在尝试建立一个应该是我其他项目基础设施的网络库 在其他项目中,我将覆盖一些脚本,样式和其他组件,但某些功能应该保持不变并且不能被覆盖。 我不想将所有文件复制到每个项目,但打包它们并在生产中提取文件就可以了。
最好/最标准的方法是什么?
答案 0 :(得分:1)
这可能会有所帮助:Mozzila Web Developer Website 或可能会覆盖CSS中的样式规则:
a {
color: white;
color: red !important;
display: none;
display: flex !important;
}
<a href='https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing/HTML_and_CSS'>Mozzila Test</a>
顺便说一句,如果您要覆盖文件:
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="overrided.css" />
答案 1 :(得分:0)
这就是你使用Bootstrap和Foundation等其他框架的方式。如果存在相同或更高特异性的规则,则将css
文件加载到html
的顺序会让后者覆盖前者。
所以只需创建基本样式然后加载覆盖:
<link rel="stylesheet" type="text/css" href="base.css">
<link rel="stylesheet" type="text/css" href="overrides.css">
答案 2 :(得分:0)
例如
.button{
padding : 12px 6px !important;
color : #434343 !important;
margin : 1em 3em !important;
}
&#13;
它的每一个都是通过!重要的是浏览器只需要在所有相同的名称类中使用这些属性。如果你在其他css框架中使用它,你需要在bootstrap css&#39下面安装CustomCss。
另一种解决方案
使用SASS ORLESS