在Twitter Bootstrap中有以下CSS类选择器:
.show-grid [class*="span"] {
margin-bottom: 5px;
}
在margin-bottom: 5px
之后,这会将span
应用于任何show-grid
课程吗?
答案 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}的元素的后代}}