title: Html <ul> list changing certain list text color and background color
body: <p>My html:</p>
  
  <pre><code>&lt;ul class="tech"&gt;
    &lt;li&gt;JavaScript&lt;/li&gt;
    &lt;li&gt;HTML / CSS&lt;/li&gt;
    &lt;li&gt;PHP + MYSQL&lt;/li&gt;
    &lt;li&gt;C#&lt;/li&gt;
    &lt;li class="software"&gt;PhotoShop&lt;/li&gt;
    &lt;li class="software"&gt;Brackets&lt;/li&gt;
    &lt;li class="software"&gt;Notepad++&lt;/li&gt;
    &lt;li class="software"&gt;Sony Vegas&lt;/li&gt;
    &lt;li class="software"&gt;eBay BlackThorne Pro&lt;/li&gt;
    &lt;li class="software"&gt;Senuke XCr&lt;/li&gt;
    &lt;li class="software2"&gt;X-Cart&lt;/li&gt;
    &lt;li class="software2"&gt;EKM PowerShop&lt;/li&gt;
    &lt;li class="software2"&gt;WordPress&lt;/li&gt;
    &lt;li class="software2"&gt;phpBB&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Css part of this html:</p>
  
  <pre><code>.tech ul {
      padding: 0px 0px 0px 0px;
      margin-bottom: 10px;
      margin-top: 10px;
      list-style:none;
      list-style-position:outside;
  }
  .tech li{
    display:inline-block;
    text-align: center;
    background-color: #cccccc;
    color: #222222;
    margin: 5px 0px 5px 0px;
  
    border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 2px 3px 5px #000000;
    border: #969696 1px dashed;
  }
  
  .sofware {
      background-color:#646464;
      color: #ff7225;
  }
  
  .sofware2 {
      background-color:#4d4d4d;
      color: #fd205e; 
  }
  </code></pre>
  
  <p>Problem: list items which software and sofware2 ids doesn't change color. What's the problem? Something should be like this I guess I should set those colors with "UL Li:nth-child" but I'm not sure how to do that.</p>
  
  <p>Thanks in Advance</p>