HTML Naming Elements of the Same Type


#1

Is there a way to name each element? What I’m trying to attempt is having multiple of the same elements but, for instance, making the color of it different than the other elements. In this code, all the links will show up with these colors.

<!DOCTYPE html>
<html>
<head>
<style>
a:link {
    color: green;
    background-color: transparent;
    text-decoration: none;
}
a:visited {
    color: pink;
    background-color: transparent;
    text-decoration: none;
}
a:hover {
    color: red;
    background-color: transparent;
    text-decoration: underline;
}
a:active {
    color: yellow;
    background-color: transparent;
    text-decoration: underline;
}
</style>
</head>
<body>

<p>You can change the default colors of links</p>

<a href="html_images.asp" target="_blank">HTML Images</a><br>
 <a href="html_images.asp" target="_blank">HTML Images Two</a>

</body>
</html>

#2

Oops, I don’t think the Html code showed up.