類名稱的CSS屬性選擇器

Question

全部。我的代碼中的CSS選擇器有一些問題。請查看下面的代碼。

假設你有如下的html結構。

<div id="currentTmpContainer" class="layoutcontainer container-fluid"> 
     <div class="row-fluid"> 
      <div class="span12"> 
       <ul id="sortable1" class="sortableLayoutSection"> 

       </ul> 
      </div> 
     </div> 
     <div class="row-fluid"> 
      <div class="span12"> 
       <ul id="sortable3" class="sortableLayoutSection"> 

       </ul> 
      </div> 
     </div> 
     <div class="row-fluid"> 
      <div class="span12"> 
       <ul id="sortable3" class="sortableLayoutSection"> 

       </ul> 
      </div> 
     </div> 
    </div> 

我想選擇類別名稱以「span」開頭的div。 所以我寫了下面的選擇器（Attribute selectors），但它不起作用。

.layoutcontainer div[class^=」span」] 
{ 
    border:1px solid red; 
} 

Answer 1

你在這裏有一些奇怪的報價。使用普通的ASCII引號，"

.layoutcontainer div[class^="span"] 
{ 
    border:1px solid red; 
} 

http://jsfiddle.net/ExplosionPIlls/YpmUy/ - 似乎只是正常工作