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

css\u4e2d#top #top3 #top6 .ul1 li a:hover\u662f\u4ec0\u4e48\u610f\u601d

#top \u8868\u793a ID\u4e3atop\u7684HTML\u5143\u7d20
.ul1 \u8868\u793a CLASS\u4e3aul1\u7684HTML\u5143\u7d20
li \u8868\u793a\u5143\u7d20\u540d\u4e3aLI\u7684\u5143\u7d20\uff0c\u5982aaaaa
a:hover \u662f\u6307\u5728\u9f20\u6807\u79fb\u5230\u5143\u7d20\u4e0a\u65f6\u5411\u94fe\u63a5\u65f6\u6dfb\u52a0\u7279\u6b8a\u7684\u6837\u5f0f
\u524d\u540e\u4e3a\u5c42\u7ea7\u5173\u7cfb\uff0c\u6240\u4ee5\u610f\u601d\u4e3a\uff1a
ID\u4e3atop\u7684\u5b50\u5143\u7d20\u4e2dID\u4e3atop3\u7684\u5b50\u5143\u7d20\u4e2dID\u4e3atop6\u7684\u5b50\u5143\u7d20\u4e2dCSS\u7c7b\u4e3aul1\u7684\u5b50\u5143\u7d20\u4e2dLI\u4e2d\u7684A\u7684\u9f20\u6807\u79fb\u5230\u5143\u7d20\u4e0a\u65f6\u7684\u6837\u5f0f

\u8fd9\u53e5\u8bdd\u7684\u610f\u601d\u662f:\u5728\u4e00\u4e2aclsaa\u5c5e\u6027\u4e3anav\u4e0b\u9762\u7684\u4e00\u4e2a\u6807\u7b7e\u4e0b\u7ed9\u5b9a\u4e49\u4e00\u4e2ahover\u51fd\u6570
\u8fd9\u4e2a\u5b9e\u73b0\u7684\u6548\u679c\u662f\u9f20\u6807\u79fb\u52a8\u5230li\u4e2d\u4f1a\u89e6\u53d1hover\u51fd\u6570\u663e\u793a\u4e00\u4e2a\u7c7b\u4f3c\u4e0b\u9762\u7684\u8fd9\u4e2a\u4ee3\u7801\u6548\u679c\uff1a






html\u4ee3\u7801:

表示定义一个按照元素层级关系限定的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>

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

</ul>

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

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

扩展阅读：免费logo设计生成器 ... 男的top是什么意思 ... 网页设计ul列表 ... 网页设计ul是什么标签 ... 妇科p16十是什么意思 ... 网页设计 ... 网页设计ul啥意思 ... 网页登录 ... ul网页什么意思 ...