选择器上方的CSS选择器

选择器上方的CSS选择器,css,Css,有没有一种方法可以编写css,这样它就可以在您已知的选择器上方选择一个div。 比如说 #modal .container .login{ //style } 因此,上面的代码将查找modal>classname of container>classname of login的ID。 并设置.login的样式。 现在有可能让它倒转过来。因此,仅当#model的子级为.login和.container时,才设置其样式 谢谢简短的回答?没有。(在当前的CSS规范中)这里已经回答过了。 但是,我

有没有一种方法可以编写css,这样它就可以在您已知的选择器上方选择一个div。 比如说

#modal .container .login{
 //style
}
因此,上面的代码将查找modal>classname of container>classname of login的ID。 并设置.login的样式。 现在有可能让它倒转过来。因此,仅当#model的子级为.login和.container时,才设置其样式

谢谢

简短的回答?没有。(在当前的CSS规范中)这里已经回答过了。

但是,我可以给你一个小把戏

创建一个特殊的CSS规则(一个类),为“父”创建一个特殊的样式

然后,使用JQuery,在
document.ready
上,检查DOM中满足您需求的所有元素(在您的示例中:有某个类的子级),并动态添加特殊的CSS类


这不是一个完美的解决方案,但在某些情况下可能会有所帮助。

你的意思是?这是一个很好的技巧,但如果元素不可见,并且只有在用户单击其他内容加载元素时才有子元素,该怎么办?对于动态数据,需要更多的思考。但最终所有的事情都可以解决。类似于:添加动态数据的代码也会对动态样式进行检查。