Personal Portfolio help! How can I get rid of the color and underline that comes with the linked text in my navbar? Also the purple color once the text is clicked on?

HTML-CSS
1

https://codepen.io/kaija-montaine/pen/WyKvxx

2

in css add

ul a{
text-decoration:none;  //will remove underline 
color:black;    //to give black color to link
}
ul a:hover{
color:purple;    //change to purple on hover
}
3

Ah thank you! I am trying to understand why I am doing everything I do in this project. Please bare with me as I try to explain what you told me.

ul a {
}

calls the ul and the a.

ul a:hover {
}
again, calls the ul and a and has a sub-class of hover.

correct?

4

ul a{

}
only styles the <a> elements that are inside of an unordered list.
<a> elements that are not inside of <ul> tags won’t be affected by this.

the :hover selector is used to select elements when you mouse over them.

ul a{
color: black;
}

ul a:hover{
color: red;
}

This would make the text color of the links inside the lists black, and red when you hover over the links.

5

yes @RDieleman is right :slight_smile: