Question

这是否正确，是否可以跨浏览器正常工作？

<div id="test">
  Some stuff
    <div id="anotherTest">
      More stuff
    </div>
  Even more stuff
</div>

... CSS

#test #anotherTest {
  color:red;
}

只有＆＃34;更多东西＆＃34;会是红色的。

我知道我可以使用类，有几种不同的方法可以实现这一点，但基本上我是在询问是否通过几个ID选择一个带有CSS的元素？

感谢。

Answer 1

是的，这种方法是可能的

#test #anotherTest {
  color:red;
}

选择id anotherTest的元素，ancestor id test

请READ此

Answer 2

要回答你的问题，它可以跨浏览器工作，你写的是正确的。只有“更多东西”才会显示红色。

但不建议使用ID进行样式设置。可以找到一个很好的参考资料来了解更多相关信息here。如果你想了解更多关于编写好的CSS的话，那么整篇文章是一个很好的阅读方式！

关于身份证的最重要部分是：

ID永远不能在页面中多次使用。
类只能在页面中存在一次或一百万次。
ID通常可以将其特征抽象为许多可重用的类。
ID比某个类更具体。
这意味着没有任何链接类可以覆盖ID。

Answer 3

是的，这是可能的。

如果您希望#anotherTest和#test都为红色，请添加逗号。

#test, #anotherTest {
    color:red;
}

Answer 4

有几种方法可以使用CSS设置网页样式，但似乎您的问题不仅与样式有关，而且与选择器有关。查看以下关于CSS选择器的w3school链接

http://www.w3schools.com/cssref/css_selectors.asp

和CSS选择器的优秀演示

http://www.w3schools.com/cssref/trysel.asp?selector=.intro

它支持所有流行的浏览器。

Answer 5

您应该尝试始终使用类，即：

<div class="test">
  Some stuff
    <div class="anotherTest">
      More stuff
    </div>
    <div class="andAnotherTest">
      Even More stuff
    </div>
  Even more stuff
</div>

然后在css：

.test .anotherTest {
   color: red;
}

.test .andAnotherTest {
  color: green;
}

是否可以在CSS中使用多个ID选择器

5 个答案: