My coding workflow involves utilizing SASS, and I recently implemented a code snippet to style anchor tags. Here's the code snippet:
a {
color: $col-accent;
&:hover {
color: $col-alt;
background-color: $col-accent;
text-decoration: none;
}}
Oddly, on a particular page, I noticed that anchor tags without an href
attribute were not being styled as expected. This has left me puzzled.
I am currently integrating Bootstrap into my project. While examining the reboot section of Bootstrap, I came across a rule that dictates the default color for anchor tags without an href
attribute. In an attempt to override this with my custom styling, I revised the code by using a:not([href])
. Despite importing my customized CSS after Bootstrap's CSS, it seems that my changes are not taking effect when applied to anchor tags without an href
attribute.