2009-01-16 54 views
30

我有一個div元素,它具有一個id,此div包含一組輸入和標籤。我只希望這個樣式具體DIV中的輸入,但..下面的代碼風格家居(全球),而不是憋在#ParentDiv僅用於特定編號的元素的CSS

#ParentDiv label,input { display: inline; } 

而且範圍,是有可能做這種類型的事情與有效的CSS在IE6/7中?

回答

60

你需要這個:

#ParentDiv label, #ParentDiv input { display: inline; } 

逗號表示一個新的選擇語句。

通常情況下,讓我記住每個選擇的是,並使其更容易一眼看出正在選擇什麼樣的元素,我會按字母順序排列,並打破兩個單獨的行,像這樣的選擇:

#ParentDiv input, 
#ParentDiv label { 
    display: inline; 
} 

此外,這應該工作得很好在IE 6/7/8,並根據w3c有效。

+2

對於希望設計一個類而不是標籤名稱的人,請使用`#ParentDiv.myClass`。 – Noumenon 2016-05-05 01:38:13