Question

网页设计中的.top ul li:hover a表示什么意思 求指教

Answer 1

表示定义一个按照元素层级关系限定的CSS样式。

即：要求元素的层级关系，首先是最外层元素要包含.top样式，其次再去寻找下面ul元素，再找到ul下面的li，再找到li下面的a标签元素。

上面这个样式的意思是当鼠标移动到li元素上时，它下面的a标签将会按照这个样式进行渲染。

<div class="top">
    <ul>
        <li>
            <a href="#">链接</a>
        </li>
    </ul>
</div>

 样式的这种定义方式只对满足上述结构的元素生效，像如下结构的代码，将不会拥有上述定义的样式：

<div class="top">
    <a href="#">链接</a>
    <ul>
        <li>
        </li>
    </ul>
</div>

Answer 2

大概结构是
<div class='top'>
<ul>
<li><a href="#"></a></li>

</ul>

</div>
最终的目标是定义鼠标移动到li 上时 a 的样式
当不是这个结构是 样式不会显示

Answer 3

<div class='top'>
<ul>
<li><a href="#"></a></li>
</ul>
</div>
按照这个结构，就是鼠标移动到li 上时 a 的样式，鼠标移走后，这个样式就不起作用了。