On Apr 6, 2007, at 10:38 AM, Jono wrote:
> <div class="parent">
> <table id="LC764_Menu1" class="menu635">
> <tbody>
> <tr>
> <td id="LC764_menuItem000" class="menuItem635">Login</td>
> </tr>
> <tr>
> <td id="LC764_menuItem001" class="menuItem635">About Us</td>
> </tr>
> <tr>
> <td id="LC764_menuItem002" class="menuItem635">Contact Us</td>
> </tr>
> </tbody>
> </table>
> </div>
>
> I need to ONLY target the "Contact Us" menu item which (above) is
> td#LC764_menuItem002. I need to make it white with a red
> background, but
> the rest of the menu items need to be black with a yellow background.
>
> [.....]
>
> The trick is to target a range of IDs; figuratively as follows:
>
> /* account for all possible (within reason) Contact Us id ranges */
> .parent td#LC764_menuItem002 - .parent td#LC1099_menuItem002 {
> color: white;
> background: red;
> }
The ID of the td you want to target *always* ends with
'_menuItem002'. Correct ?
In which case:
td[id$="_menuItem002"] {color:white; background:lime;}
should do fine (esp the lime background :-)).
See <http://www.w3.org/TR/css3-selectors/#attribute-substrings>
Philippe
---
Philippe Wittenbergh
<http://emps.l-c-n.com>
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
