如何清除父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之间没有空格，因为它位于同一个元素上。