CSS父/祖先选择器

Ste*_*eve 13 css xhtml styles styling

可能重复:
是否有CSS父选择器?

我知道这是一个黑暗中的镜头,但有没有办法,只使用CSS,CSS2,没有jquery,没有javascript,来选择和设计元素的祖先?我已经通过选择器,但我发布这个以防我错过了一些东西或有一个聪明的解决方法.

例如,假设我有一个类名为"test"的表嵌套在div中.有某种形式:

<div>
    <table class="test">
    </table>
</div>
Run Code Online (Sandbox Code Playgroud)
div (with child) .test
{
     /*styling, for div, not .test ...*/
}
Run Code Online (Sandbox Code Playgroud)

Chs*_*y76 10

在CSS2或CSS3中没有父选择器这样的东西.实际上,可能永远不会有,因为一旦你开始做父选择器,CSS的整个"层叠"部分就不会很好了.

这就是jQuery的用途:-)

  • 首先,在那句话之后有一个笑脸.其次,我不同意.能够通过CSS指定所有表示方面会更好吗?当然.可能吗?不,jQuery是一个很棒的工具,可以让你丰富用户的体验 - 如果这包括设置一个不可能以一致的方式设置的风格,那么这正是我要做的. (10认同)
  • jQuery和JavaScript一般用于添加用户界面功能; 不是为了指定任何风格.由于CSS的缺点,jQuery和JavaScript用于样式,但不是为了这个目的. (8认同)
  • -1对于jQuery,其中OP只能诉诸于vanilla JS. (2认同)

RaY*_*ell 8

在CSS中有一个:空选择器,允许您匹配空元素,您可以通过以下方式否定效​​果:not selector.

div:not(:empty) {
    // your styles here
}
Run Code Online (Sandbox Code Playgroud)

但是我不确定是否所有浏览器都支持此功能.