使用CSS,如何让元素B上的伪类“empty”影响元素A的样式?

使用CSS,如何让元素B上的伪类“empty”影响元素A的样式?,css,Css,我有两个非常简单的文本字段,我想根据第二个元素的“empty”伪类设置第一个元素的样式。我该怎么做呢 <style type='text/css'> #element-b:empty [MAKE ELEMENT-A BOLD]{ } </style> <div id="element-a">Some Element</div> <div id="element-b">Some Other Element</div>

我有两个非常简单的文本字段,我想根据第二个元素的“empty”伪类设置第一个元素的样式。我该怎么做呢

<style type='text/css'>
#element-b:empty [MAKE ELEMENT-A BOLD]{

}
</style>   

<div id="element-a">Some Element</div>
<div id="element-b">Some Other Element</div>

只需使用相邻的同级选择器+

element-a:empty+element-b{font-weight:bold;} +选择器将选择放置在选定图元正后方的图元


更新问题后更新:无法选择上一个元素。使用CSS,您只能通过+同级选择器选择下一个元素,但无法选择上一个元素。

如果您在代码中反转元素的位置,则可以在CSS中执行此操作,如下所示:

<style type='text/css'>
#element-b:empty + #element-a {

}
</style>   

<div id="element-b">Some Other Element</div>
<div id="element-a">Some Element</div>
现在很明显您的元素位置不对,但是您可以通过一些CSS定位相当简单地重新排列它们


。删除元素B中的文本,以查看粗体元素A

不错……但在示例中,“A”在“B”之前。所以我想选择上一个相邻的兄弟姐妹…对你提供的和看到的进行修补。@BlackjacketMack这不是你最初在问题中问的问题。要回答最新的问题,那是不可能的。您不能选择上一个元素,只能选择下一个。@BlackjacketMack您不能转换DOM树,因此当前不可能。嗯……我从未编辑或更新过这个问题。我想根据第二个元素的“empty”伪类来设计第一个元素的样式。但是我很感激你的帮助。还有1+。。我也打算发布同样的答案。问题被改变了,所以这正确地解决了问题。这不是你需要的吗?被接受的答案似乎不符合你的要求1.谢谢你的帮忙。