Question

我想将before和hover类应用到我的页脚，以便我的文本在悬停时更改。

注意：想要纯CSS答案。

这是我的HTML：

<footer></footer>

这是我的CSS：

footer:before
{
    color:#000;
    content:">";
    background:rgba(255,255,255,0.5);
    text-align:center;
    color:#fff;
    position:fixed;
    left: 0%;
    bottom: 0;
    width: 2%;
    height:2%;
    transition:all 2s;
}
footer:before:hover {   #got to change this
    font-size:15px;
    padding:10px;
    content:"Made Computer Sc Club ";
    background:#1abc9c;
    text-align:center;
    color:#fff;
    width: 5%;
    height:5%;
    font-size:15px;
    position:fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}

Answer 1

看起来你可以简单地改变你的订单而且你很高兴：

footer:hover:before

伪元素应该在伪类之后。

在一个元素中应用两个伪类

1 个答案: