如果我这样做:
*{padding:0}
div#myDiv{padding:10px;}
这是否会像 CSS 中的任何普通样式一样应用最后一个样式覆盖其他样式？即具有 myDiv ID 的元素将有 10px 填充？还是我必须指定 !important？
这适用于所有流行的浏览器吗？
谢谢!
最佳答案
是:<div id="myDiv">元素将有一个 10px填充，这几乎适用于所有浏览器。级联意味着更具体的选择器将覆盖更通用的选择器。
唯一一次你真的需要使用 !important是当你有一个更通用的样式时，你想优先于更具体的样式，或者当你有两种不同的样式用于同一个选择器时，喜欢利用不支持 !important 的旧浏览器中的怪癖。 .
关于层叠样式的 CSS 不同填充值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/3526394/