class*在HTML5中意味着什么

Question

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

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

这适用margin-bottom: 5px于以后的任何span课程show-grid吗？

Answer 1

CSS3规范:选择器等级3

[att*=val]

表示具有att属性的元素,该属性的值至少包含子字符串"val"的一个实例.如果"val"是空字符串,则选择器不代表任何内容.

根据你的问题:

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

不,它适用margin-bottom: 5px于任何标记为show-gridclass且包含哪个类的元素的后代元素span.