我在Twitter 中有看到如下selector:

.show-grid [class*="span"] {
    background-color: #eee;
    text-align: center;
    border-radius: 3px;
    min-height: 30px;
    line-height: 30px;
}

答: 這是一個屬性通配符selector. 在你提供的例子中, 會在引用了.show-grid 樣式的容器內(nèi)查找包含span樣式的任何元素并設(shè)置對應(yīng)的樣式

下面這個例子中, 將會找到 <strong> 組件.

<div class="show-grid">
    <strong class="span6">Blah blah</strong>
</div>

你也可以定義'以... 開始'的樣式, 例如:

div[class^="something"] { }

將會查找到如下的組件:-

<div class="something-else-class"></div>

亦可以定義 '以...結(jié)尾'

div[class$="something"] { }

將會查找到如下組件

<div class="you-are-something"></div>