Question

说明：

我只是从其他模块复制并粘贴了登录页面，然后对其进行了重新设计。假设结构如下所示：

HTML
  login.html
  login_redesign.html
CSS
  login.css
  login_redesign.css

我将两个css文件包括在某些全局文件中，顺序为login.css首先，其次为login_redesign.css。

Senario：我正在上login_redesign.css 现在，为避免更改覆盖login.css组件（最后我正在加载login_redesign.css），我添加了

class =“ new_login_page”

login_redesign.html的顶级元素

login_redesign.html：

<div class = "main new_login_page">
  <div>....
</div>

login.html：

<div class = "main">... </div>

此外，将该类添加到我的login_redesign.css文件中为：

.new_login_page.main {
  .header {
    width:320px;
  }
}

原始页面如下：

.main {
  .header {
    width:1020px;
  }
}

我的关注如下：

如果将来有人在原始css文件中添加背景颜色属性（即login.css），怎么办？

.main {
  .header {
    width:320px;
  }
  .body {
    .background-color:orange // this line was there for both the codes
    .leftHalf {
      background-color:white; // new line added
    }
  }
}

它也会为我的文件（login_redesign.html）的leftHalf部分赋予白色，因为lgoin_redesign.css文件的.leftHalf内部没有定义background-color属性。

如何防止对文件的更改？

更高一级的复杂性：login.html和login_redesign.html都使用root级文件'common.css'中的CSS，甚至在login.css之前就已加载

有了这种增加的依赖性，我想阻止对login.html的更改，而不是common.css的更改

感谢您阅读整个问题，但对于这个问题，答案可能真的很简单，因为我实际上只是在阅读stackoverflow以使我的任务在css上完成，

对CSS的恐惧将被其他CSS文件覆盖

0 个答案: