CSS Table links

  • Quick and easy … I have code for a table and in the table data <td> cells there are links. I have seen concatenated objects in a CSS stylesheet and I’m wondering how to code for the specific link. There are multiple IDs in the theme and I want to change attributes of the 2nd id which is inside the first:

    <div id=”nav”>
    …some table

    <div id=”foo”>
    … table with different formatting
    </div>

    </div>

    I want to override things like a:hover, link color, etc.

    The concatenating I see is like:
    #nav td a {
    background: blue;
    }

    How do I get completely different styles for the foo ID? It currently seems to be inheriting from the nav ID.

Viewing 3 replies - 1 through 3 (of 3 total)

  • Not sure when it’s about tables… but wouldn’t
    #foo td a {... work?

    Thread Starter raultbc

    (@raultbc)

    I thought so but some of the attributes from the first one hold over. I’ve tried using the same attributes and properties from the initial ID with different values but for some reason that doesn’t seem to work …

    You could try this:

    #nav td a{
    *first style*
    }

    #nav div td a{
    *second style*
    }

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS Table links’ is closed to new replies.