如果它有使用 CSS 的孩子，如何将样式应用到父母？

如果父类有样式，我们知道如何将样式应用于子元素。但是如果我们想将样式应用到父类和 CSS。这是我们可以做到的方法。子组合器描述了两个元素之间的父子。子组合器由“大于 (>)”字符，用于分隔两个元素。

例子：

• E > F，E 元素的 F 元素子代。
• 下面的选择器代表一个“p”元素，它是“body”的子元素：body > p。
• 所以父类中的样式可以像这样只写一次名字

  .parent li {
      background:blue;
      color:black;
  }

• 如果我们想在子类中应用样式然后使用这个

  .parent > li > ul > li {
      background:orange
  }

程序：

    

  

    

        
I am first
        
I am second
        
I am third
        
I am forth
        
I am fifth
            

                
child1
                
child2
                    

                        
child2.1
                        
child2.2
                        
child2.3
                    
                
                
child3
                
child4
                
child5
            
        
        
I am sixth
        
I am seventh
        
I am eigth
    

输出：

CSS3 没有父选择器。如果 CSS4 发布，那么有一个建议的 CSS4 选择器$ ，它就像选择 li 元素一样。

• 但是，截至目前，此代码不能在任何浏览器中使用。

  ul $li ul.sub { ... }

• 同时，如果我们需要选择父元素，我们将不得不使用 JavaScript。

  $('ul li:has(ul.child)').addClass('has_child');