What this <li> item's CSS? I cant find it.

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: