a class in a list item in jquery tabs cant be reached by CSS -


this html code :

<div id="tabs">     <ul>         <li><a href="#home">home</a></li>         <li><a href="#gallery">gallery</a></li>         <li><a href="#about">about me</a></li>         <li class="gold"><a href="#book">all love</a></li>         <li class="gold"><a href="#fashion">fashion corner</a></li>     </ul> 

notice have class="gold" in last 2 li

now want change color class, tried :

#tabs li .gold{     color:#ccff00; } 

and

.gold{     color:#ccff00; } 

but none of them working. please kindly me , explain little bit, why code not working.

for information, #tabs li selector working perfectly.

thanks :d

get rid of space between class , corresponding element, remember hirarchy of reading codes important browser, later statments overwrite earlier onces if match same selectors.

<style> #tabs li {    /*here style anchor*/     color: #cc0000; }  #tabs li.gold {     /*here style golden 1 after standard given above */     color: #ccff00; }  #tabs li {      /*here style text inside li,       not anchors inherited styling browser */ }  </style> 

Comments

Popular posts from this blog

c# - DetailsView in ASP.Net - How to add another column on the side/add a control in each row? -

javascript - firefox memory leak -

Trying to import CSV file to a SQL Server database using asp.net and c# - can't find what I'm missing -