2009-01-16 23 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