CSS更改鼠标悬停时的链接颜色

时间:2018-06-02 12:05:48

标签: html css colors hyperlink hover

我有以下CSS部分,包含普通文本和一些网络链接。我需要在段落部分放置鼠标悬停时更改颜色的链接。我该怎么办?

我试过了:

        ul.contact li p:hover a {
        color: #eb050183;
    }

我的CSS

ul.contact li {
    position: relative;
    border-top: solid 1px #ddd;
    padding: 1.3em 0 1.3em 7em;
}

    ul.contact li h3 {
        position: absolute;
        left: 0;
        top: 1.3em;
        font-size: 1.1em;
    }

    ul.contact li p {
        margin: 0;
        font-size: 0.9em;
    }

    ul.contact li:first-child {
        padding-top: 0;
        border-top: 0;
    }

        ul.contact li:first-child h3 {
            top: 0;
        }

2 个答案:

答案 0 :(得分:2)

要在悬停时更改锚链接的颜色,您需要按如下方式设置CSS:

 ul.contact li p a:hover {
        color: #eb050183;
    } 

答案 1 :(得分:-1)

我认为您的锚标记错过了text-decoration:none;。将其与color属性一起添加。同时将鼠标悬停在a :悬停{颜色:#FF00FF}