Question

I’m trying to apply a css class to all <th class='euroth'></th> which are located in either table.tablesorter-All-Activity or table.tablesorter-Events.

This is what I did

table.tablesorter-All-Activity,.tablesorter-Events th.euroth {
    width: 7px;
    vertical-align:middle;
    text-align: left;
    z-index: 5;
    }

As a result, the first table is shifted all the way to the left and the second one accepts the style nicely.

Why is that?

Thanks

Answer 1

You have to append th.euroth to your first selector:

.tablesorter-All-Activity th.euroth,
.tablesorter-Events th.euroth {
    /* properties go here... */
}