后代：

head：

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style type="text/css">
    ul a{
    background-color: #ECD580;
}
</style>

body：

<ul>
    <li>百度:<a href="http://www.baidu.com">www.baidu.com</a></li>
    <li>腾讯:<a href="http://www.tencent.com">www.tencent.com</a></li>
    <li>阿里:<a href="http://www.alibaba.com">www.tencent.com</a></li>
</ul>

子：

head：

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style type="text/css">
   .demo > li > a{
       background-color: #ecd580;
   }
</style>

body：

<ul class="demo">
    <li>百度:<a href="http://www.baidu.com">www.baidu.com</a></li>
<ul>
    <li>腾讯:<a href="">www.tencent.com</a></li>
</ul>
    <li>阿里:<a href="http://www.alibaba.com">www.tencent.com</a></li>
</ul>

相邻：

head：

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style type="text/css">
   li+li{
       background-color: #ECD580;
   }
</style>

body：

<ul class="demo">
        <li>百度:<a href="http://www.baidu.com">www.baidu.com</a></li>
    <ul>
        <li>腾讯:<a href="">www.tencent.com</a></li>
        <li>哔哩:<a href="">www.bilibili.com</a></li>
    </ul>
        <li>阿里:<a href="http://www.alibaba.com">www.tencent.com</a></li>
    </ul>

伪类：

head：

<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style type="text/css">
   li+li{
       background-color: #ECD580;
   }
   a:link{color: #FF0000;}
   a:visited{color: #00FF00;}
   a:hover{color: #FF00FF;}
   a:active{color: #0000FF;}
</style>

body：

<ul class="demo">
    <li>百度:<a href="http://www.baidu.com">www.baidu.com</a></li>
<ul>
    <li>腾讯:<a href="">www.tencent.com</a></li>
    <li>哔哩:<a href="">www.bilibili.com</a></li>
</ul>
    <li>阿里:<a href="http://www.alibaba.com">www.tencent.com</a></li>
</ul>