I have a set of CSS elements for all tables across my web app like so:
FONT-FAMILY: Arial, Helvetica, sans serif;
border-top: 1px solid #ccc;
border: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #011d4b url(../images/th_background.gif) repeat-x;
But I have a specific class for data output tables which contains additional styling (for use with a .js alternating row color), like so:
border: 1px solid #DDD;
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:
border: 1px dotted #DDD;
Hoping someone can help me with what should be a simple thing. Thanks.