I am a beginner in the world of HTML and CSS. I recently attempted to target an element using an id selector in my CSS code, but unfortunately, it did not work as expected. Can someone shed some light on why this might be happening?
<!DOCTYPE html>
<html>
<head>
<style>
#bigButton a {text-decoration:none;color:green;}
</style>
</head>
<body>
<p>test</p>
<a id=”bigButton” href=”page1.html”>Click here</a>
</body>
</html>
It's worth mentioning that I also attempted the CSS without targeting the <a> tag directly (i.e.
#bigButton {text-decoration:none;color:green;}
) but this alternative approach failed to yield the desired result as well.