Hello. I want to define specific css for this li item. But I cant find real define. Can you help me? Thanks. *************** <div id="featured" > <ul class="ui-tabs-nav ui-tabs-selected"> <li class="ui-tabs-nav-item" id="nav-fragment-309"> <a href="#fragment-309"> <img width="150" height="150" src="http://www.4realfm.co.uk/wp-content/uploads/2012/10/adsız-150x150.jpg" class="slider_thumb wp-post-image" alt="adsız" title="adsız" /> <span class="title"> Test3 </span> <br /> <span class="date">October 6, 2012</span> </a> </li> </ul> </div>
try using this: li#nav-fragment-309.ui-tabs-nav-item { } Code (markup): jsfiddle test: http://jsfiddle.net/G3VcD/ thumb up if it helped you out
@ntmedia -- the class select could screw up older browsers, and there's NO reason for it since ID's trump everything... just #nav-fragment-309 { should be all that's needed. NOT that I'd EVER allow anything I wrote or tried to deploy to output that train-wreck of markup... lemme guess, turdpress? It's the only thing that outputs that "Let's slap unneccessary classes on EVERYTHING because we're too ***** stupid to know what the 'cascading' part of CSS means" idiocy.
Easiest way to figure that out: Use Chrome. Right-click on that <li> element in your webpage and hit Inspect Element. The inspector will show you which classes have been applied (In the Styles -> Matched Rules section), and where in your CSS files the definitions sit: