css для строк и столбцов конкретных таблиц

Question

У меня есть много html-таблиц, и одна из них называется «table1». Я хочу дать стиль только этой таблице. я использовал:

#table1 tr,th,td 
    { 

    border: 5px solid black; 
    } 

Но когда он выполняется, td , tr, th стиль другой таблицы выставиться же, как #table1 «s стиль.

Как я могу присвоить стиль конкретным таблицам td , tr, th только ????

Answer 1

Вы должны указать родителя также для th и td

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

иначе вы будете применять этот стиль

• #table1 tr (все tr внутри #table1)
• th (все th нет где они находятся)
• td (все td независимо от того, где они находятся)

Как примечание стороны, на некоторых современных браузере :any pseudoclass is available (с -moz- и -webkit- префиксов), так как только он будет реализован более последовательно вы могли бы написать

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

Полезно избегать повторения.