title: CSS attribute selector for class name
body: <p>All. I have some trouble with the css selector in my code . Please review the below code .</p>
  
  <p>Say you have the html structure like below.</p>
  
  <pre><code>&lt;div id="currentTmpContainer" class="layoutcontainer container-fluid"&gt;
          &lt;div class="row-fluid"&gt;
              &lt;div class="span12"&gt;
                  &lt;ul id="sortable1" class="sortableLayoutSection"&gt;
  
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="row-fluid"&gt;
              &lt;div class="span12"&gt;
                  &lt;ul id="sortable3" class="sortableLayoutSection"&gt;
  
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="row-fluid"&gt;
              &lt;div class="span12"&gt;
                  &lt;ul id="sortable3" class="sortableLayoutSection"&gt;
  
                  &lt;/ul&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>I want to select the <code>div</code> with the class name begin with "span".
  So I wrote the selector(<code>Attribute selectors</code>) below, but it doesn't work.</p>
  
  <pre><code>.layoutcontainer div[class^=”span”]
  {
      border:1px solid red;
  }
  </code></pre>