Question

I’m new to css. Here’s my html

<a href="#" class="clickme" id="noteaddbutton"> Add Note</a>

The class “clickme” is part of a jquery function and the id is supposed to change the size from the standard of other links but it isn’t making the text smaller.

#noteaddbutton{
    font-size:13px;
}

a:link{
font-size:18px;
text-decoration:none;
}

a:hover{
    text-decoration:underline;
}

Answer 1

I think a:link is taking precedence over #noteaddbutton. Try using

a.clickme:link{ font-size: 13px;}