Question

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

谢谢！

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/

如何使用悬停操作为wordpress编制导航代码

1 个答案: