仅在一页上从类中删除样式

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

谢谢。

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

<body class="contact-page">

然后在你的 css 中

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

您可以将

类添加到正文或其他包装器标签中，例如<body class="contacts-page">

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

将以下行添加到 http://frshstudio.com/wp-content/themes/frsh/style.css 文件中：

.contact_contact{border-top: none;}

和您的 html：

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

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

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

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

相关内容