仅适用于特定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有效。

Answer 2

对我来说，上面的答案对我没有帮助。 我想设置表格标题的样式，所以我必须在 id 之前附加 table 标签，如下所示：

table#table_id th {
  width: 20%;
}

我希望这会帮助某人。