組合兩個CSS元素

我將如何結合後續的一個塊組合兩個CSS元素

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

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

我試圖

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

但th是作爲自己的。

任何想法？感謝

你是什麼意思「'th'被包含作爲自己的」？ – philtune 2014-12-05 23:12:14

哦，你在那裏有兩次......你可以刪除其中的一個。 – philtune 2014-12-05 23:13:17

你需要認識到它是一個逗號分隔的選擇器列表。你想要一個獨特的選擇器列表。你在想#idOne td，#idOne th，#idTwo td，#idTwo th {...}？否則，所有th都會得到塊中的樣式。 – bryjohns 2014-12-05 23:14:54

你需要指定父爲每個td和th標籤：

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

2014-12-05 23:17:22

由於某種原因，我認爲父母被結轉。我的錯。謝謝 – NorCalKnockOut 2014-12-05 23:34:31

@NorCalKnockOut不幸的是，CSS不是那麼聰明。如果你使用less或sass，你可以嵌套你的選擇器，所以它就像#idOne，#idTwo {th，td {...}}。這可能是你認爲css會爲你做的非常直觀的想法。 – bryjohns 2014-12-05 23:47:55

考慮的問題例如，正確的方法應該是這樣：

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

但我感覺這個例子可能不像你打算的那樣。

2014-12-05 23:19:48 verism

回答