class *在HTML5中意味着什么

时间:2013-03-22 22:42:18

标签: css html5 twitter-bootstrap

在Twitter Bootstrap中有以下CSS类选择器:

.show-grid [class*="span"] {
    margin-bottom: 5px;
}

margin-bottom: 5px之后,这会将span应用于任何show-grid课程吗?

2 个答案:

答案 0 :(得分:6)

CSS3规范:Selectors Level 3

  

[att*=val]

     

表示具有att属性值的元素   包含至少一个子字符串“val”的实例。如果“val”是   空字符串然后选择器不代表任何东西。

根据你的问题:

  

这是否意味着在show-grid之后将margin-bottom:5px应用于任何span类?

,它将margin-bottom: 5px应用于标有show-grid类的任何元素的后代的每个元素,以及哪个类包含span

答案 1 :(得分:4)

[attr*=value]是子字符串attribute selector - 它在CSS 3中是新的,在IE 7 +中受支持

您发布的内容会将5px的下边距添加到包含子字符串span的元素中,并且也是类{{1}的元素的后代}}