css question - re styling the bold tag

[jesse1]

ok...lets say one of the cells in my html table has the class: cell4

and the css definition is:

.cell4 {
background: #FFFFFF;
padding: 5px;
font: 11px Arial, Helvetica, sans-serif;
}

Lets say I want all of the <b> tags in this cell to be navy blue, 12 pt...

How can I set the b tag to only affect this cell?

If I use:

b {
font: bold 12px Arial, Helvetica, sans-serif;
color: #000066;
}


It works, but all of the bold tags in the other cells on the web page turn blue too

any ideas?

[Centauri]

.cell4 b {
font: bold 12px Arial, Helvetica, sans-serif;
color: #000066;
}

[Chroniclemaster1]

though I would consider using an alternative to the bold tags. Ideally, try to avoid using tags/classes that imply appearance. CSS lets you so easily redefine appearance and position that names which identify those properties now, become incredibly poorly named later on when you change them. A class, leftColumn, seems like a good name until your client changes their mind and wants it on the right. Use classes like subHeading, mainMenu, footnote, songTitle, etc. Say what it is and your CSS will never confuse the issue, no matter how you choose to present it. This also makes your code much more portable so you can reuse it more easily for other clients and other websites.

[Dan Schulz]

I'd also use a far more meaningful class name than "cell4" - what is that anyway, a prison that stylesheet is styling, or a Web page?