title: How to set CSS rule for a DIV in a LI of class UL?
body: <p>I have a list of results from a query. That list will be displayed like that:</p>
  
  <pre><code>&lt;ul class="result"&gt;
      &lt;li&gt;&lt;/li&gt;
      &lt;li&gt;&lt;/li&gt;
      &lt;li&gt;&lt;/li&gt;
      ...
  &lt;/ul&gt;
  </code></pre>
  
  <p>Now I would like to add something like a layer like <code>li:before</code> or a DIV into <code>li</code>. </p>
  
  <p>So I thought it would possible to do it like that:</p>
  
  <pre><code>&lt;ul class="result"&gt;
      &lt;li&gt;&lt;div id="a"&gt;&lt;/div&gt;&lt;/li&gt;
      &lt;li&gt;&lt;div id="a"&gt;&lt;/div&gt;&lt;/li&gt;
      &lt;li&gt;&lt;div id="a"&gt;&lt;/div&gt;&lt;/li&gt;
      ...
  &lt;/ul&gt;
  </code></pre>
  
  <p>The problem is that I can not set any CSS rule for this?</p>
  
  <p>I tried:</p>
  
  <pre><code>.wrapper #header #navline #searchbar .dropdown .result li#a{
      background-color: #fff;
      height: 10px;
      width: 15px;
  }
  </code></pre>
  
  <p>as well as </p>
  
  <pre><code>.wrapper #header #navline #searchbar .dropdown .result li #a{...}
  </code></pre>
  
  <p>and just </p>
  
  <pre><code>.wrapper #header #navline #searchbar .dropdown .result #a{...}
  </code></pre>
  
  <p>but nothing worked. Is there a mistake in my thoughts or is it not possible to add a <code>DIV</code> into <code>li</code>'s?</p>