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;