2014-12-05 2 views
0

Как бы я объединил последующие в один блокОбъединение двух CSS элементов

#idOne td, th { 
    ...... 
} 

#idTwo td, th { 
    ...... 
} 

Я попытался

#idOne td, th, 
#idTwo td, th { 
    ..... 
} 

но th входит как свой собственный.

Любые идеи? Благодаря

+0

Что вы подразумеваете под «' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '' '? – philtune

+1

О, у вас там 'th' там дважды ... вы можете удалить один из них. – philtune

+0

Вам нужно понять, что его разделенный запятыми список селекторов. Вам нужен уникальный список селекторов. Вы думали, что #idOne td, #idOne th, #idTwo td, #idTwo th {...}? В противном случае все th получит стиль в блоке. – bryjohns

ответ

3

Вы должны указать родителя для каждого из тд и м теги:

#idOne td, #idOne th, #idTwo td, #idTwo th { 
    ...... 
} 
+0

почему-то я думал, что родитель был перенесен. виноват. спасибо – NorCalKnockOut

+0

@NorCalKnockOut К сожалению, css не так умен. Если вы используете меньше или sass, вы можете вложить свои селекторы, чтобы это было что-то вроде #idOne, #idTwo {th, td {...}}. Вероятно, это то, о чем вы думали, что css сделает для вас, поскольку идея его очень интуитивная. – bryjohns

1

Учитывая пример вопроса, правильный путь будет таким:

#idOne td, #idTwo td, th { 
    ..... 
} 

Но я есть ощущение, что пример может быть не таким, каким вы намереваетесь.

Смежные вопросы