Question

I have links for the main class set to orange in my CSS, but, I want the read more link as white, and nothing I do is working.

OK, so here is the page setup:

<div class="entry_post">
<a href="http://localhost/" class="more-link">
Read More
</a>
</div>

My CSS:

.entry_post a {
    color:#FF8800;
}
.entry_post .more-link a{
        color:#ffffff;
}
.more-link {
    color:#ffffff;
}

I’m sure I am doing something wrong, but for the life of me i have no idea what’s wrong.

Answer 1

You need to combine the tag and class selector (the tag selector is optional):

.entry_post a.more-link {
        color:#ffffff;
}

.entry_post .more-link a does not work because it means an a in a .more-link in a .entry_post. The problem with the simple .more-link is that .entry_post a is more specific, so it will override it.