'How do I apply different CSS link styles to separate data tables?

For example; I have one table at the top of my page that is 12 rows wide that I would like to have rounded borders and change colour when I hover over it. My second table (still on the same page) I would like to not have highlights when I hover over a column or row and have a different font.

I know how to apply classes to differentiate tables in my CSS style sheet but I'm not sure how to make it so I can apply these unique properties.



Solution 1:[1]

You can use classes like (class="table_one") for example and you can use nth:child().

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Mister Jojo