Multiple Table Styles on same page in WordPress

[TLJ]

I am trying to style multiple tables on the same web page on the salient themed wordpress site. The tables are called via javascript link. I was able to style all the table the same way but want different styles on each table. Any help will be greatly appreciated. Here is the code I use to style the tables:

http://codepen.io/TLJ/pen/gryyEX

[Atelierbram]

If you can’t put classes on the tables, maybe you can use the nth-of-type selector to target the different tables in CSS, like:

:nth-of-type(0n+2) table tr:nth-child(odd) {
  background-color: salmon;
}

my fork of your demo

[TLJ]

I am able to make classes but unsure how to link them to any particular table. Can anyone explain?

[Atelierbram]

I meant in the HTML, set a class-name on the different tables, like doing <table class="table table-purple"> and <table class="table table-yellow"> and so on.
After that target them in CSS. Like:

.table-yellow tr:nth-child(odd) {
  background-color: yellow;
}

Have you access to this, or are you using some kind of plugin with javascript? If you don’t have access to the templates, then go with my last answer.

[Author]

Posts