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

时间:2012-06-20 20:02:43

标签: css wordpress class styles border

我只需要从my contact page上的border-top: 1px solid #202020;移除.contact,然后按原样保留在所有其他.contact个实例中。这可能吗?如果是这样,我该如何进行这些更改?

谢谢。

4 个答案:

答案 0 :(得分:3)

给该页面的主体一个特殊的类,如

<body class="contact-page">

然后在你的CSS中

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

答案 1 :(得分:1)

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

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

答案 2 :(得分:1)

将此行添加到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>

答案 3 :(得分:0)

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

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

这将仅禁用页面上的边框,而所有其他页面都将遵循样式表。