css - 如何清除父css

Question

假设您在下面定义了一个 Css 样式。

div
{
    background: url(themes/default/images/backgrounds/lh-navigation.png) repeat-x;
}
.child
{
    backgroud-color:#FFFFFF;
}

<Div id="tempDiv" class="child"></Div>

我不希望将背景样式应用于元素 tempDiv。如何删除指定 div 元素的父样式。有什么办法吗？谢谢

Answer 1

在 CSS 中，子级从父级继承属性。您必须在子样式声明中覆盖父样式。在这种情况下，由于它是背景，因此您尝试覆盖您的 .child 样式声明将如下所示：

.child {
  background-image: none;
  background-color: #FFFFFF;
}

正如上面其他人指出的那样，您还可以扩展选择器并为元素上的 id 属性编写新规则：

 #tempDiv {
   background: none;
 }

Answer 2

尝试：

.child#tempDiv{
   background: none;
}

注意 id 和 class 之间没有空格，因为它在同一个元素上。