有一个我无法很好地使用的CSS选择器。
* {
/* Some styles */
}
我知道它用于在页面上的每个元素上设置样式。有些人用它来将每个填充和边距重置为0.其他想法?
我不问黑客。我不会询问something *
或something * something_else
这样的组合。我只询问一个*
。
这个问题很相似,但差别很小
in what conditions we can use css * selector?
我只询问孤独的*
。
在Stack Overflow上提出这个问题是我的错。可能没有好的答案。它可能只是像关于奇怪想法的公开民意调查。我在这篇文章的第一版中也有太多的个人意见。
答案 0 :(得分:3)
如果您希望SPECIFICALLY覆盖继承,这很重要也很有用。例如,将字体和颜色应用于body将被子元素覆盖。除非特别重写元素,否则*将不会。
例如:
* { color: #FFF }
#Wrapper
{
color: #000
}
#Wrapper中的p元素仍然是#FFF,除非它在上面的CSS中专门设置为。
#Wrapper p
{
color: #000;
}
关于它的好文章是done by Eric Meyer。
答案 1 :(得分:1)
通用选择器通常用于reset.css(标准化默认浏览器样式表)以避免浏览器怪癖。关于为什么重置和实际重置表有很多内容,所以我会让你选择你的收藏。
我见过的另一个重要用途是提供儿童选择器'>'对于IE。
所以举个例子。
.article > p { padding: 5px; }
如果你有兴趣支持IE并使用子选择器,那么这里有一个很好的写法。 http://www.sitepoint.com/erics-universal-child-selector/