I have a set of CSS elements for all tables across my web app like so:
[code=php]
TD, P
{
FONT-SIZE: 8pt;
COLOR: #000;
FONT-FAMILY: Arial, Helvetica, sans serif;
}
TH {
border-top: 1px solid #ccc;
border: 1px solid #ccc;
border-bottom: 1px solid #ccc;
color: #efefef;
background: #011d4b url(../images/th_background.gif) repeat-x;
text-align: center;
font-size: 85%;
}
But I have a specific class for data output tables which contains additional styling (for use with a .js alternating row color), like so:
[code=php]
.dataTable
{
margin-top: 0.5em;
border: 1px solid #DDD;
border-collapse: collapse;
border-spacing: 1px;
}
I need to add additional TD elements to just tables using the dataTable class, so that I can have borders between the columns.
Was trying something like this, but I can’t get the syntax to work:
[code=php]
td.dataTable
{
border: 1px dotted #DDD;
}
Hoping someone can help me with what should be a simple thing. Thanks.