div内的链接文本颜色不会根据其类别更改

Question

我想更改div内文本的颜色，该颜色与内容的链接颜色不同。

我可以使用class更改颜色，但不能通过class a：link更改颜色 另外，悬停也不起作用。

HTML

<div class="entry-content">
        <p>The standard Lorem Ipsum passage...<a class="more" href="#">Read the full article</a></p>
<span class="cat-links">Posted in <a href="#" rel="category tag">Design</a></span><span class="comments-link"><a href="#">Leave a Comment<span class="screen-reader-text"> on Lorem copied</span></a></span><span class="edit-link"><a class="post-edit-link" href="#">Edit <span class="screen-reader-text">Lorem copied</span></a></span>
</div>

CSS

.entry-content a.more:link {
    padding: 0px 5px;
    border-radius: 5px;
    border: 1px solid #17a2b8;
    background-color: #17a2b8;
    color: #ffffff;
}

如何将类用于链接颜色，背景颜色以及如何将其悬停...？

Answer 1

如果我正确理解：

.entry-content p {
/*whatever color you need for paragraph text*/
color: #000000
}

.entry-content a:hover {
/* whatever color you need for link hover */
color: #ffffff;
}

如果每个链接需要不同的颜色或悬停，当然可以单独调用span类。不要忘记记住优先顺序。