在css中使用*符号

时间:2013-07-07 07:21:36

标签: css stylesheet

我发现了一些使用*符号的样式表。例如*zoom: 1; *符号代表什么。有时看起来像[class*="span"]这个。任何人都可以清楚我在css中使用符号*

4 个答案:

答案 0 :(得分:15)

*zoom是一个适用于ie6和ie7的黑客。 * { }是一个通配符(匹配所有元素或子集;如果像#header *一样使用它将适用于#header的所有后代)。 [class*="span"]匹配class的单词“span”的元素。

答案 1 :(得分:2)

如果*使用独立选择器,则表示全部。 但如果在属性selector []中使用,则表示“包含”。例如,你有

  

[类* = “跨度”]

。这意味着,它将选择所有具有类的名称在类名称中具有“span”的元素。

如果它在样式值中,它也用作CSS hack。

答案 2 :(得分:-1)

这是一个选择所有元素的通配符。

例如,如果您对整个页面上的每个元素应用保证金,则可以使用:

* {
    margin: 50px;
}

您也可以在子选择中使用它,例如以下内容会为段落标记中的所有元素添加边距:

p * {
    margin: 10px;
}

请参阅: - http://www.stackoverflow.com/a/1204290/2256325

关于您的示例,我告诉您,如果您在属性名称之前添加星号(*),则该属性将应用于IE而不是其他浏览器。它仅适用于版本7或更低版​​本。

来源: - http://www.javascriptkit.com/dhtmltutors/csshacks3.shtml

答案 3 :(得分:-1)

除了使用星号(在属性名称的开头)仅选择旧的IE浏览器,对于CSS,许多不同的细节都在w3.org:

CSS2.1 - http://www.w3.org/TR/CSS21/selector.html

CSS3 - http://www.w3.org/TR/css3-selectors/