Uncovering insights from the chrome debugger:
element.style {
}
#title a:link,a:visited,a:hover,a:active {
color: #FF33CC;
text-decoration: none;
}
(The following content is crossed out)
nav a:link,a:visited,a:hover,a:active {
color: #000000;
text-decoration: none;
}
nav a:link,a:visited,a:hover,a:active {
color: #000000;
text-decoration: none;
}
#title a:link,a:visited,a:hover,a:active {
color: #FF33CC;
text-decoration: none;
}
#title a:link,a:visited,a:hover,a:active {
color: #FF33CC;
text-decoration: none;
}
Attempting to unravel the mystery behind an element (title) not displaying correctly. Here's a snippet of how it appears in the html body:
<div id="title">
<a href="link.html">link</a>
</div>
While I comprehended that the struck-through styles are not being applied, I'm left pondering: a) Why is the nav style even being invoked? b) What causes the title link style to be redundantly called? The initial call appears effective, but subsequent calls are inexplicably crossed out. (Resulting in black text on the website display.)
Your assistance is greatly appreciated!