只在一页上从类中删除样式？答案

【问题标题】：remove style from class on one page only?只在一页上从类中删除样式？
【发布时间】：2012-06-23 01:05:21
【问题描述】：

我只需要在my contact page 上从.contact 中删除border-top: 1px solid #202020;，并在所有其他.contact 实例中保持原样。这可能吗？如果是这样，我该如何进行这些更改？

谢谢。

【问题讨论】：

【解决方案1】：

您始终可以使用内联 css 覆盖样式表 css。所以像所有其他人建议的那样，把 .contact { border-top: none; } 但是这样做

<head>
      <style>
       .contact { border-top: none; }
      </style>
</head>

这只会禁用您页面上的边框，而您的所有其他页面将遵循样式表。

【讨论】：

【解决方案2】：

.contact_contact{border-top: none;}

和你的 html：

<div class="contact contact_contact">
  <p>
    <span>Let's Chat</span>
  </p>
</div>

【讨论】：

【解决方案3】：

您可以将类添加到正文或其他包装器标记，例如<body class="contacts-page">

然后使用下面的 CSS .contacts-page .contact { border-top: none }

【讨论】：

【解决方案4】：

给该页面的正文一个特殊的类，例如

<body class="contact-page">

然后在你的css中

body.contact-page .contact{
    border-top:0;
}

【讨论】：