title: How to add color for every span element inside li by using css
body: <p>Hi there i was trying to add different color for span element by using pseudo. can you help me with that </p>
  
  <pre><code>&lt;ol class="hidden-xs"&gt;
    &lt;li class="active dt-nav"&gt;&lt;span class="dot-nav"&gt;1&lt;/span&gt;&lt;/li&gt;
    &lt;li class="dt-nav"&gt;&lt;span class="dot-nav"&gt;2&lt;/span&gt;&lt;/li&gt;
    &lt;li class="dt-nav"&gt;&lt;span class="dot-nav"&gt;3&lt;/span&gt;&lt;/li&gt;
    &lt;li class="dt-nav"&gt;&lt;span class="dot-nav"&gt;4&lt;/span&gt;&lt;/li&gt;
  &lt;/ol&gt;
  </code></pre>