CSS：阻止其他脚本的属性

Question

我一直在工作的项目中，每个页面都有自己的css文件。但是，这些页面共享一些css类的名称，.PSBOTTOMLINE，但是根据页面的不同，每个脚本都具有不同的属性。

但是，我遇到了一些问题，因为除了使用<link rel="stylesheet" type="text/css" href="/Content/Project/styles/ProjectCss7.css"> 指定应使用的脚本之外，我的页面还从其他脚本的相似类中获取属性。

例如，在那个脚本中，我有此类：

.PSBOTTOMLINE {
vertical-align: bottom;
margin-left: -2px;
background: url(/Content/Project/images/PT_TAB_BOTTOM_LINE_SD_CSS_1.JPG) repeat-x scroll bottom left transparent;}

但是，这是从脚本Css2导入的：

.PSBOTTOMLINE {
border-bottom: 1px solid black;
height: 2px;}

如何防止“导入”属性，并确保我的页面仅使用适当脚本中的属性？我一直在重命名课程，但希望有一种更聪明的方法。

Answer 1

您可以像这样覆盖页面css文件中的某些属性

margin-left: 0px !important;