<代码>P{背景颜色：红色；高度：100px；宽度：200px；}.X{背景颜色：蓝色；}

<代码><；p类=“ X ”>；a罗什<；/p>；<；P>；贾亚曼纳<；/p>；

上面是我的代码。我希望蓝色框没有高度或宽度，因为我没有在我创建的特定类（类X）中定义它。但它继承了高度和宽度。这是为什么？。

顺晟科技：

没有遗产。选择器all:revert将同时指向这两个元素。只需使用更具体的选择器，并只针对所需的元素：

 .x {
   all: revert; /* remove all the inherited properties */
   background-color:blue;
 }

<代码><；p类=“ X ”>；a罗什<；/p>；<；P>；贾亚曼纳<；/p>；

这就是p { background-color:red; height:100px; width:200px; } .x { background-color:blue; }继承的工作方式。如果您不想继承所有的父样式，那么有一个名为<p class="x">Arosh </p> <p>Jayamanna</p>的属性，它将适用于所有现代浏览器。您必须将其添加为声明中的第一个属性，以便它将删除所有继承的属性，然后您可以应用自己的样式。

<代码>.X{全部：还原；/*删除所有继承的属性*/背景颜色：蓝色； }

<代码>P{背景颜色：红色；高度：100px；宽度：200px；}.X{全部：还原；背景颜色：蓝色；}

<代码><；p类=“ X ”>；a罗什<；/p>；<；P>；贾亚曼纳<；/p>；

还有另一个名为CSS的属性，除了一些浏览器样式外，它也做同样的事情。您可以在下面的链接中找到有关这两个属性之间的区别的更多信息。

有什么区别