类名称的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/ - 似乎只是正常工作