8

在以下几行 CSS 代码中：

.sf-menu li:hover ul, .sf-menu li.sfHover ul {top: 40px!important; }

HTML 标签<ul>和<li>含义是什么？

4

3 回答 3

30

它来自同名的 HTML 元素。

UL - 无序列表（有序或编号的列表将是 OL）
LI - 列表项

于 2012-07-02T22:13:59.803 回答
11

ul代表无序列表。

li代表列表项。

它们是“项目符号”列表的 HTML 标记，而不是“编号”列表（由olfor 有序列表指定）。

于 2012-07-02T22:14:20.680 回答
6

它们的目标是页面中<ul>的<li>元素。

在 CSS 中，一个 id 以 为前缀#，一个类以 为前缀.，一个元素根本没有前缀。

因此，选择器.sf-menu li:hover ul将应用于任何<ul>元素，在<li>您当前指向的元素内，在带有class="sf-menu".

选择器.sf-menu li.sfHover ul将应用于任何<ul>元素，在带有 的<li>元素class="sfHover"内，在带有 的元素内class="sf-menu"。

于 2012-07-02T22:13:18.660 回答