在css中使用*选择器，但不包括h1？
在css中使用*选择器，但不包括h1？
提问于 2014-09-05 19:40:41
我有一个jquery插件，令人烦恼的是它的样式表顶部有这个插件。
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}这导致了我的h1在这个页面上的行为不同。有办法排除某些选择器吗？否则，我想我必须弄清楚它申请的是什么，列出所有的东西，而不是*
回答 5
Stack Overflow用户
回答已采纳
发布于 2014-09-05 19:42:02
好吧，快速回答是用*代替*:not(h1)。
这看起来像是一次简单的正常化尝试。您可以删除它并修复插件元素上的任何错误，或者简单地修复您的h1，使其具有应有的边距/填充。
Stack Overflow用户
发布于 2014-09-05 19:43:41
我建议您只使用选择器( h1 )，它将覆盖所有选择器(*)：
h1{
box-sizing:content-box;
margin: 5px;
padding: 5px;
}用* selector做例子总是更好。因为您可能想要更改#somecontent h1，而不是h1，那么仅仅使用#somecontent h1{...}就会覆盖* selector的规则，甚至h1 tag也会受益于* selector。
如果您对插件css不感兴趣，那么一个非常好的主意就是覆盖* selector本身：
*{
border-box: content-box;
margin: 0; /*add your value as you wish*/
padding: 0; /*add your value as you wish*/
}您还可以更新h1：
h1{
margin: 5px;
padding: 5px;
}但是要考虑这一点，您必须确保css文件是插件css文件的最后一行。
<link rel="stylesheet" type="text/css" href="plugin.css" />
<link rel="stylesheet" type="text/css" href="main.css" /> <!-- last in order--->Stack Overflow用户
发布于 2014-09-05 19:46:19
*:not(h1)
{
box-sizing:border-box;
margin:0;
padding:0;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25692900
复制相关文章
相似问题
腾讯云开发者
