Comma in CSS, multiple selectors using the same CSS

css, css-selectors

Solution

.Resource table.Tbl td, .Resource table.Tbl2 td { /* some css*/ }

You should add the full ancestor path for both rules. Not just where you see differences.

Problem

``` .Resource table.Tbl td { /* some css*/ } .Resource table.Tbl td.num { /* some css 2*/ } .Resource table.Tbl td.num span.icon { /* some css 3*/ } .Resource table.Tbl2 td { /* some css*/ } .Resource table.Tbl2 td.num { /* some css 2*/ } .Resource table.Tbl2 td.num span.icon { /* some css 3*/ } ``` where the CSS for Tbl and Tbl2 should be the same. ``` .Resource table.Tbl, table.Tbl2 td { /* some css*/ } ``` doesn't work. How can I achieve this, without duplicating whole line?

Original source