Question

当鼠标移过“a”元素时，我想将属性设置为“span”元素

这是我的代码：

<body>
<div id="wrapper">
    <div id="leftmenu">
        <li><a id="menu1" href="#"><span class="iconic menu11"></span></a></li>
        <li><a id="menu2" href="#"><span class="iconic menu22"></span></a></li>
        <li><a id="menu3" href="#"><span class="iconic menu33"></span></a></li>
        <li><a id="menu4" href="#"><span class="iconic menu44"></span></a></li>
    </div>
 </div>
</body>


#leftmenu li  a span{
    text-align:center;
    font-size:45px;
    line-height:45px;
    color: transparent;
    background-color: #CF9D9B;
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow: rgba(255,255,255,0.5) 0 1px 2px;
}

这不起作用：

#leftmenu li a:hover span {
    color: transparent;
    background-color: #0000;
}

Answer 1

你的悬停背景颜色定义中有四个0;将其更改为3（速记）或6（完整的十六进制颜色代码）。

如果我在一个范围内放置一些东西，那么这对我有用 - 例如http://jsfiddle.net/sync/QKn9v/

当鼠标移过“a”元素时，我想将属性设置为“span”元素

1 个答案: