嵌套DIV标签的CSS

Question

我有嵌套div，如下所示：

<div class="abc">
   <div class="bcd">
   </div>
</div>

我有一个网格，我已经分配了类“abc”，我正在使用网格的编辑模板，我已经为其分配了类“bcd”。现在问题是第二个div的表已经为第一个div分配了css。

我为了只将bcd类分配给第二个div而做了什么，它不应该采取abc ,,

感谢你

此致

Dhaval Shukla

Answer 1

CSS继承适用于按属性为基础的属性。当应用于文档中的元素时，值为“inherit”的属性将使用与父元素对该属性相同的值。

如果您不想在abc课程中使用bcd的样式，则需要在bcd课程中设置它们。

Answer 2

如果我理解你的问题，你就不能。

CSS是“级联样式表”。 “级联”部分表明风格“级联”（下降）到下面的元素，如瀑布。

解决此问题的唯一方法是在特定子类上明确定义所需的属性。

Answer 3

您可以创建如下

之类的css类

.abc{

your specification

}
.abc > div{

your specification

}

Answer 4

类'bcd'从它的父'abc'继承CSS属性。你能做的是：

1. 将！重要添加到被覆盖的样式的末尾，以防止覆盖样式。

2. 为div分配一个唯一的ID并设置ID的样式。这显然取决于你的申请。

使用类时，继承属性很有用，因为您不必再​​次重写样式规则。