Html CSS选择第一个按钮和第二个按钮的类相同
它看起来很简单。我想Html CSS选择第一个按钮和第二个按钮的类相同,html,css,css-selectors,Html,Css,Css Selectors,它看起来很简单。我想显示：无第一个按钮。我有两个是同一个父类的。由于某种原因，我不明白为什么我没有达到我想要的结果 .main content.cbToolBar:第一个子按钮{ 显示：无； } …之前还有其他标记，但与“cbToolBar”span处于同一级别，但我认为它会选择名为“cbToolBar”的第一个子项 CSS的：第一个子类伪类选择器专门选择第一个子类，而不考虑它的类。委员会： 与：第n个子项（1）相同。：first-child伪类表示作为某个其他元素的第一个子元素的元素 有
显示：无第一个按钮
。我有两个是同一个父类的。由于某种原因，我不明白为什么我没有达到我想要的结果
.main content.cbToolBar:第一个子按钮{
显示：无；
}
…之前还有其他标记，但与“cbToolBar”span处于同一级别，但我认为它会选择名为“cbToolBar”的第一个子项
CSS的：第一个子类
伪类选择器专门选择第一个子类，而不考虑它的类。委员会：
与：第n个子项（1）
相同。：first-child伪类表示作为某个其他元素的第一个子元素的元素
有几个变通办法。我建议的一个方法是，如果您的.cbToolBar
元素是.main content
父级中唯一的span
元素，您可以使用：
与：第n个类型（1）
。：first of type
伪类表示一个元素，该元素在其父元素的子元素列表中是其类型的第一个同级元素
.main content.cbToolBar:第一个类型按钮{
显示：无；
}
你好，世界
按钮1
按钮2
在这种情况下，您可以使用通用同级组合器
- 为具有特定类的所有元素设置规则
- 使用组合器选择以下同级并取消设置规则
.cbToolBar按钮{
显示：无；
}
.cbToolBar~.cbToolBar按钮{
显示：内联块；
}
跨度
按钮
跨度
按钮
跨度
选择器看起来与示例标记中的第一个按钮匹配正确。检查生产markupbrowser问题中第一个.cbToolBar
之前是否有其他标记可能，您在使用什么？@feeela是的，之前有其他标记，但与“cbToolBar”span处于同一级别，但我认为它会选择第一个名为“cbToolBar”的子项。当遇到某个问题时，它的工作方式与您期望的不一样，您应该避免在撰写问题时对它应该做什么进行任何假设。否则，由于关键信息丢失，您可能会遇到无法回答的问题。在本例中，该关键信息指的是标记中的其他元素。不，：first child
完全按照它所说的做—选择父容器的第一个子元素。您真的应该在qestion中发布标记以获得有用的答案…那么我如何选择.cbToolBar
中名为.main content
的第一个元素呢？谢谢，它可以工作<代码>第一种类型