问题描述
|
浏览器通常为元素设置不同的默认样式。用户还可以使用自定义样式表覆盖默认值。
我经常使用自己的样式来覆盖这些默认样式,例如:
* {padding:0; margin:0; }
但是,我希望遵守某些元素属性的默认样式表,例如ѭ1的默认填充和边距。我试过了:
* { padding:0; margin:0; }
body { padding:default; margin:default; }
但这是行不通的。 initial
也没有。
是否有办法通过选择除elements1ѭ以外的所有元素来解决此问题?
解决方法
是否有办法通过选择除elements1ѭ以外的所有元素来解决此问题?
由于默认情况下,视口中显示的所有内容均由
<html>
,<body>
和<body>
\的内容组成,因此您只需选择html
和所有body
\的后代:
html,body * { margin: 0; padding: 0; }
default
不起作用,因为没有这样的关键字。 initial
不起作用,因为初始边距为0。使用CSS更改属性后,无法将属性重置为其浏览器给定的默认值。
, html,head,head *,body * { }
, <html>
和<body>
的所有后代:
html,body * {padding:0;margin:0;}
, 使用body *
选择器。
body *{padding:0;margin:0;}
, 首先将它们设置为0,然后再覆盖所需的值。虽然您最好使用CSS重置,但是如果您确实想使用星号,则此方法有效。
* {
padding:0;
margin:0;
}
body,html {
padding: 10px;
}
http://meyerweb.com/eric/tools/css/reset/