覆盖项目

时间:2017-01-22 11:47:40

标签: javascript html css web infrastructure

我正在尝试建立一个应该是我其他项目基础设施的网络库 在其他项目中,我将覆盖一些脚本,样式和其他组件,但某些功能应该保持不变并且不能被覆盖。 我不想将所有文件复制到每个项目,但打包它们并在生产中提取文件就可以了。

最好/最标准的方法是什么?

3 个答案:

答案 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)

例如

&#13;
&#13;
.button{
  padding : 12px 6px !important;
  color : #434343 !important;
  margin : 1em 3em !important;
  }
&#13;
&#13;
&#13;

它的每一个都是通过!重要的是浏览器只需要在所有相同的名称类中使用这些属性。如果你在其他css框架中使用它,你需要在bootstrap css&#39下面安装CustomCss。

另一种解决方案

使用SASS ORLESS