html - <ul>> <li> 和 <ul> <li> 之间的 css 样式差异

Question

divClass > ul > li > a 和 divClass ul li a 之间的 css 样式有什么区别基本上我正在尝试设置 li 中的 anchor 标记的样式li 当然属于 ul 并且 ul 在 div 中并且 div 类名称是 classDiv，我已经做了一些基础研究并且我已经尝试了两种方式但还没有工作，这里是 html

<div class="classDiv">            
        <ul>                
            <li class="abc">google.com</li>                
        </ul>                            
    </div>

和CSS

.classDiv > ul > li > a:hover{    
color: green;
background-color: skyblue;
cursor: pointer;    
}

Answer 1

“>”是child selector

“”是descendant selector

区别在于，后代可以是元素的子元素，也可以是元素的子元素的子元素，也可以是元素的子元素的子元素。

子元素就是直接包含在父元素中的元素:

<foo> <!-- parent -->
  <bar> <!-- child of foo, descendant of foo -->
    <baz> <!-- descendant of foo -->
    </baz>
  </bar>
</foo>

对于这个例子，foo *会匹配 <bar>和 <baz> ，而 foo > *只会匹配 <bar> . Source