css中的类选择器

css中的类选择器

问题描述:

我正在使用引导程序,我对它感到困惑。他们在他们的CSS代码中有类选择器。我不明白这段代码实际上做了什么。这个CSS只适用于跨度或其他什么。css中的类选择器

.row-fluid [class*="span"] { 
    display: block; 
    float: left; 
    width: 100%; 
    min-height: 28px; 
    margin-left: 2.127659574%; 
    *margin-left: 2.0744680846382977%; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
     -ms-box-sizing: border-box; 
      box-sizing: border-box; 
} 
+0

您可以查找什么选择,例如做在jQuery的网站:http://api.jquery.com/category/selectors/ – biziclop 2012-07-10 05:21:54

+0

感谢很好的例子 – Carlos 2012-07-10 05:26:36

这是一个部分属性selctor,并适用于任何在它的类名字符串span。它用于span2等。例如[class*="span"]将匹配这些元素:

<p class="span"></p> 
<p class="spanner"></p> 
<p class="espanol"></p> 
<p class="span43 blue"></p> 
+0

如果代码是发生了什么事[class =“span”] – Carlos 2012-07-10 05:24:30

+0

这只会匹配具有*精确*'class =“span”'的元素。以下是属性选择器的两个引用:http://www.w3.org/TR/css3-selectors/#attribute-selectors,http://reference.sitepoint.com/css/css3attributeselectors – 2012-07-10 05:25:42

+0

但它支持所有的浏览器 – Carlos 2012-07-10 05:28:00