php - 如何使用悬停动作为 wordpress 编写导航代码

Question

...拉取 Span A 的页面标题的第一个字母和 Span B 的整个标题（悬停结果）。我在这里有 html 和 CSS 版本http://codepen.io/CrabSmith2400/full/Kolje。我花了几个小时阅读 WordPress 标签列表并尝试我在 Google 上阅读的内容，现在已经有几周了。我觉得这可能是一个非常简单的答案，但我很环保，这是我的第一个项目，我正在从头开始构建它。任何建议或正确方向的观点都会让我永远欠你的债。

谢谢！

Answer 1

假设你有这个 HTM：

<div>
    <span>T</span>
    <span>Test</span>
</div>

然后使用这个 CSS：

div, span{
    display:block;
    width:300px;
    height:100px;
    line-height:100px;
    text-align:center;
    background:grey;
}

div{
    position:relative;
}

span{
    position:absolute;
    top:0;
    left:0;
    display:none;
}

div span:first-child{
    display:block;
}

div:hover span{
    display:block;
}

div:hover span:first-child{
    display:none;
}

请参阅此处的工作示例：http: //jsfiddle.net/Mm4AL/