1

这是一个奇怪的问题，但我得到了一个 html 文件来处理，它的标题有 B 标记，列表有单独的 ol 标记。

像这样的东西

<b> Title of the list </b>
<ol>
    <li> List item 1 </li>
    <li> list item 2 </li>
</ol>

我想做的是，将鼠标悬停在标题上时显示列表。我该怎么做呢？

现在这就是我所拥有的。

ol
{
   visibility: none;
}

我需要找到这部分

 b:hover
 {
    /*something that shows the ol list */
 }
4

2 回答 2

2

使用此代码：

html:

<b> Title of the list </b>
<ol>
    <li> List item 1 </li>
    <li> list item 2 </li>
</ol>

CSS：

ol
{
   display:none;
}
b:hover + ol{
    display:block;
}

提琴手

你可以在这里阅读更多。

于 2013-10-12T16:57:22.300 回答
2

这是有效的，我更喜欢你使用display而不是visibility

<html>
<head>
    <title></title>
<style>
    b:hover + ol{
        display:block;
    }
    ol{
        display:none;
    }
</style>
</head>
<body>
<b> Title of the list </b>
<ol>
    <li> List item 1 </li>
    <li> list item 2 </li>
</ol>
</body>
</html>
于 2013-10-12T16:58:32.333 回答