html - 如何将 CSS 属性设置为特定元素的默认值(或防止继承)

Question

给定作为另一个元素的子元素并自动继承一系列 CSS 属性的任何 HTML 元素:如何将这些属性中的一个(或所有)设置为默认值？

例子:

CSS:

.navigation input {
    padding: 0;
    margin: 0 30em;
}

HTML

<div class="navigation">
    Some text: <input type="text" name="one" />
    More text: <input type="text" name="two" />
    <!-- The next input, I want it to be as browser-default -->
    <div class="child">
        <input type="text" name="three">
    </div>
</div>

在这里，browser-default 的意思是我希望它看起来就像根本没有将 CSS 应用于该元素一样。

这里我以 input 元素为例，但我说的是任何类型的元素。我不是在问如何为该特定元素设置不同的 CSS 属性，我是在问如何将其重置为默认值。

不同的元素在未设置时有不同的默认属性，如padding。例如，在 CSS 中具有 0 填充的 button 将在没有任何空格的情况下包装其文本。您可以稍后将其填充设置为另一个值，但如何将其设置为默认填充？

提前感谢您的任何意见!

Answer 1

在你的情况下你可以使用它:

.navigation input {    
    all: initial;
}

它会将您输入的所有属性恢复为初始值。

来源: http://www.w3schools.com/cssref/css3_pr_all.asp