how to remove underline of link in css

1 a, a:hover, a:focus, a:active {
2      text-decoration: none;
3      color: inherit;
4 }

1a {
2  background-color: red;
3  color: white;
4  padding: 1em 1.5em;
5  text-decoration: none;
6  text-transform: uppercase;
7}

1/*a normal, unvisited link*/
2a:link{
3	color: green;
4}
5/*a link the user has visited*/
6a:visited{
7	color: purple;
8}
9/*a link when the user mouses over it*/
10a:hover{
11	color: yellow;
12}
13/*a link the moment it is clicked*/
14a:active{
15	color: brown;
16}

1a:link - a normal, unvisited link
2a:visited - a link the user has visited
3a:hover - a link when the user mouses over it
4a:active - a link the moment it is clicked

1a{
2   text-decoration: none;
3}