Apply CSS class to multiple objects

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

a comma indicates separate elements that the styles will be applied to. You need to enter th.euroth twice. — mrtsherman
– mrtsherman, Commented Jan 29, 2013 at 18:31

Joseph Silber · Accepted Answer · 2013-01-29 18:31:10Z

3

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

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

answered Jan 29, 2013 at 18:31

Joseph Silber

221k59 gold badges369 silver badges292 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Apply CSS class to multiple objects

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related