首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何选择*但排除<body>?或者将<body>设置为默认样式?

如何选择*但排除<body>?或者将<body>设置为默认样式?
EN

Stack Overflow用户
提问于 2011-06-13 17:40:20
回答 5查看 2.5K关注 0票数 5

浏览器通常为元素设置不同的默认样式。用户还可以使用custom stylesheets覆盖默认值。

我经常使用自己的样式覆盖这些默认样式,例如:

代码语言:javascript
运行
复制
* {padding:0; margin:0; }

但是,我希望尊重某些元素属性的默认样式表,例如<body>的默认填充和边距。

代码语言:javascript
运行
复制
*    { padding:0;       margin:0;       }
body { padding:default; margin:default; }

但它不起作用。initial也是如此。

有没有办法通过选择所有元素但不包括<body>来解决这个问题

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2011-06-13 17:41:50

有没有办法通过选择所有元素但不包括<body>来解决这个问题?

由于默认情况下视口中显示的所有内容都由<html><body><body>的内容组成,因此您可以只选择htmlbody的所有子对象:

代码语言:javascript
运行
复制
html, body * { margin: 0; padding: 0; }

default无法工作,因为没有这样的关键字。initial不起作用,因为初始边距为0。使用CSS更改属性后,无法将其重置为浏览器给定的默认值。

票数 10
EN

Stack Overflow用户

发布于 2011-06-13 17:42:18

代码语言:javascript
运行
复制
html, head, head *, body * { }
票数 2
EN

Stack Overflow用户

发布于 2011-06-13 17:42:20

<html><body>的所有后代

代码语言:javascript
运行
复制
html, body * {padding:0;margin:0;}
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/6328782

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档