需要帮助为页脚应用悬停效果答案

【问题标题】：need help to apply hover effect for footer需要帮助为页脚应用悬停效果
【发布时间】：2015-09-29 03:35:24
【问题描述】：

我有一个 100% 宽度和黑色背景颜色的页脚。它的高度约为 60px，它有一点文字。 Vve使它具有（0.1）的不透明度，我想做的不起作用是当我将鼠标悬停在页脚上的某个地方时，我希望它的不透明度恢复到默认值（1.0），但它不允许我这样做。

HTML

<footer>
    <p>Linnéuniversitetet, Webbteknik 1</p>
    <p class="created">Created by DK222CU</p>
</footer>

CSS

footer {
    opacity:.1;
    bottom:0;
    position:fixed;
    width:100%;
    background-color:#000;
    color:#FFF;
}

footer p {
    float:left;
    margin-left:8%;
}

.created {
    margin-right:8%;
    float:right;
}

footer :hover {
    opacity:1.0;
}

【问题讨论】：

:hover 是一个伪类，所以它需要读为footer:hover，没有:hover 之前的空格。

标签： html css hover footer

【解决方案1】：

把footer :hover中的空格去掉就行了

所以你会有：

footer:hover {
    opacity:1.0;
}

这是你的工作小提琴：http://jsfiddle.net/ksauu1z3/

【讨论】：

嗯，我太笨了，谢谢你指出那个小错误:)