css for particular table's rows and columns

Question

I have many html tables and one of these are named as "table1". I want to give style to this table only. I used:

#table1 tr,th,td
  {

   border: 5px solid black;
  }

But when it executed, other table's td , tr, th style is setted same as #table1 's style.

How Can I give Style to particular table's td , tr, th only????

empiric · Accepted Answer · 2015-06-19 10:18:12Z

10

You need to specify the parent also for th and td

#table1 tr, #table1 th, #table1 td {
    /* ... */
}

otherwise you will apply that style to

#table1 tr (all tr inside #table1)
th (all th no matter where they are)
td (all td no matter where they are)

As a side note, on certain modern browser a :any pseudoclass is available (with -moz- and -webkit- prefixes) so as soon as it will be implemented more consistently you could write

#table1 :any(tr, th, td) {
   ...
}

useful to avoid the repetition.

edited Jun 19, 2015 at 10:18

empiric

7,8767 gold badges40 silver badges51 bronze badges

answered Jun 19, 2015 at 10:03

Fabrizio Calderan

124k26 gold badges172 silver badges183 bronze badges

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

Collectives™ on Stack Overflow

css for particular table's rows and columns

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