如何根据类别设计div内的链接文字颜色

Question

已为所有链接设置链接颜色和设计，但 div 内的链接未显示任何更改。

我想设计与管理操作链接相反的摘录链接。 表示背景颜色和白色文本。 但是这里的背景颜色对文本颜色没有影响。 我已经让它出现在白色文本中，但什么也没发生。

我可以使用类更改颜色，但它不会随类 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 类。 不要忘记记住优先顺序。