什么是CSS孤独*选择器适合?

时间:2011-09-27 23:03:55

标签: css

有一个我无法很好地使用的CSS选择器。

* {
    /* Some styles */
}

我知道它用于在页面上的每个元素上设置样式。有些人用它来将每个填充和边距重置为0.其他想法?

我不问黑客。我不会询问something *something * something_else这样的组合。我只询问一个*


这个问题很相似,但差别很小 in what conditions we can use css * selector?
我只询问孤独的*


在Stack Overflow上提出这个问题是我的错。可能没有好的答案。它可能只是像关于奇怪想法的公开民意调查。我在这篇文章的第一版中也有太多的个人意见。

2 个答案:

答案 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/