问是否取消继承(重置)特定元素的CSS样式？

EN

CSS Cascading and Inheritance Level 3规范引入了一次重置所有属性的功能。这是通过使用值为initial或unset的all速记属性来实现的，具体取决于您是否需要重置继承的属性。

请注意，这些与浏览器的默认值无关。

火狐27+、Chrome 37+和Opera 24+都有这一功能。

在该特性被广泛实现之前，您可以使用“命名空间”类。例如，要将布局样式与内容样式分开，可以使用像content这样的类作为所有内容样式的命名空间。

简化示例：

/* Global styles for UL lists. */
UL {list-style: none; margin: 0; padding: 0; }

/* Styles for UL lists inside content block. */
.content UL {list-style: disc; margin: 1em 0 1em 35px; }

这个问题最好的解决办法是从一开始就避免它。我尽量将contextual (or descendant) selectors保持在最小，并且避免使用标记名作为选择器。相反，我使用类，以便我的html元素(<a>、<p>、<ul>、<span>等)无论上下文/其父元素是什么，看起来总是没有样式。

在您的情况下，我认为您只能使用inline-style属性或!important覆盖继承的样式，或者创建一个.reset类：

.reset { with: auto; height: auto; padding: 0; /* etc */ }

上面提到的所有解决方案都有缺点，所以你需要选择你的战斗。

你可以尝试这个http://cleanslatecss.com/，它完全重置了目标元素，它只是css，没有js，你只需要向目标添加一个类，就完成了。

我在其他答案中发现的问题是，没有人使用!important，所以可能会发生重置不适用于元素的情况，所有事情都是用cleanslate解决的，它会为您做这件事。