What is preferred strategies for cross browser and multiple styled table in CSS?
in default css what should i predefined for <table>, td, th , thead, tbody, tfoot I have to work in a project there are so many tables with different color schemes and different type of alignment like in some table , i will need to horizontally align data of cell to right, sometime left, sometime right. same thing for vertical alignment, top, bottom and middle. some table will have thin border on row , some will have thick (same with column border).
Some time i want to give different background color to particular row or column or in multiple row or column.
So my question is:
What code should i keep in css default for all tables and how to handle table with different style using ID and classes in multiple pages. I want to do every presentational thing with css.
How to make ID classes for everything using semantic naming ?
Which tags related to table can be useful?
How to control whole tables styling from one css class?