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

Discussion in 'CSS' started by alkantenik, Oct 10, 2012.

  1. #1
    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>
     
    alkantenik, Oct 10, 2012 IP
  2. ntmedia

    ntmedia Active Member

    Messages:
    118
    Likes Received:
    11
    Best Answers:
    7
    Trophy Points:
    90
    #2
    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, Oct 10, 2012 IP
  3. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #3
    @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.
     
    deathshadow, Oct 11, 2012 IP
  4. Wogan

    Wogan Peon

    Messages:
    81
    Likes Received:
    3
    Best Answers:
    2
    Trophy Points:
    0
    #4
    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:

    matches.png
     
    Wogan, Oct 21, 2012 IP