HTML how to make 2 tables with different CSS

Question

I want to put two tables  on the same page  which should render differently  i e  use different CSS for each table   Is it possible

User · Answer

Of course it is   Give them both an id and set up the CSS accordingly    table1       CSS for table1      table2       CSS for table2

User · Answer

In your html   lt table class  table1  gt   lt tr gt   lt td gt       lt  table gt    lt table class  table2  gt    lt tr gt   lt td gt       lt  table gt    In your css   table table1       table table1 tr       table table1 td        table table2       table table2 tr       table table2 td

User · Answer

Of course  just assign seperate css classes to both tables    lt table class  style1  gt  lt  table gt   lt table class  style2  gt  lt  table gt     css  table style1     your css here  table style2     your css here

User · Answer

lt table id  table1  gt  lt  table gt   lt table id  table2  gt  lt  table gt    or       lt table class  table1  gt  lt  table gt   lt table class  table2  gt  lt  table gt

User · Answer

You need to assign different classes to each table   Create a class in CSS with the dot     operator and write your properties inside each class  For example    table1     some properties     table2     Some other properties     and use them in your html code

[html] HTML: how to make 2 tables with different CSS

Examples related to html

Examples related to css

Examples related to html-table