仅适用于特定ID的元素的CSS

Question

我有一个具有id的div元素,这个div包含一组输入和标签.我只想在这个特定div中设置输入样式但是......以下样式一切(全局)而不是将范围保持在#ParentDiv中

#ParentDiv label,input { display: inline; }

另外,有可能在IE6/7中使用有效的css做这种类型的事情吗？

Answer 1

你需要这个:

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

逗号表示新的选择器语句.

通常,为了让我记住每个选择器的内容,并且为了更容易看到一目了然地选择哪些元素,我将按两个单独的行按字母顺序排列并打破选择器,如下所示:

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

此外,这应该在IE 6/7/8中正常工作,并且根据w3c有效.