Philippe Wittenbergh wrote:
>
>
Here is a more detailed example of my situation:
<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.
Simple, as follows:
/* for all menu items */
.parent td {
color: black;
background: yellow;
}
/* only for Contact Us */
.parent td#LC764_menuItem002 {
color: white;
background: red;
}
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 only sure fire way to do this is to write out a very long list of
possible IDs:
.parent td#LC764_menuItem002,
.parent td#LC765_menuItem002,
.parent td#LC766_menuItem002,
.parent td#LC767_menuItem002,
.parent td#LC768_menuItem002,
.parent td#LC769_menuItem002 {
color: white;
background: red;
}
The more I think about it, the less likely it seems to be reasonably
possible.
I think I am going to call this off. I am on my way to check out the
link you sent though and will poke around with your suggestions to see
if aI can craft something. Thank you very much for your suggestions and
time.
--
*JONO*//
______________________________________________________________________
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/
