Question

sorry the question doesnt make sense but i shall explain.
I have two hyperlinks

<a href="" class="menu-link">home</a>
<a href="" class="menu-link">blog</a>

i want to apply this style

<style>
.menu-link{color:#000;}
</style>

but only apply to <a href="" class="menu-link">home</a> how can this be done other than actually changing the class like below

<a href="" class="menu-link-1">home</a>
<a href="" class="menu-link-2">blog</a>

Answer 1

If you’re unable to modify the markup to add an additional class, you can select an element it by its href attribute, assuming it has one:

a.menu-link[href='home.html'] {
  color: #000;
}

Here’s a live example.