Member Avatar for fisher318

Hey everyone, ok, I am working with a site, had css outsourced and what not, have an ameteur level of knowledge of css. However, I can't seem to get specific link attributes associated to the radio station list. Can anyone offer a suggestion of what needs to be done.

The site is

The style sheet is

Here is what I thought I was supposed to do, but it is not working:

#mid p a:link{
font:normal 13px/15px Arial, Helvetica, sans-serif;
color:#feba27;
background-color:#292929;
margin:0;
padding:0;
text-decoration: none;
}
#mid p a:visited{
font:normal 13px/15px Arial, Helvetica, sans-serif;
color:#FD7302;
background-color:#292929;
margin:0;
padding:0;
text-decoration: none;
}
#mid p a:hover{
font:normal 13px/15px Arial, Helvetica, sans-serif;
color:#ffffff;
background-color:#292929;
margin:0;
padding:0;
text-decoration: underline;
}
#mid p a:active{
font:normal 13px/15px Arial, Helvetica, sans-serif;
color:#feba27;
background-color:#292929;
margin:0;
padding:0;
text-decoration: none;
}

  • 3 Contributors
  • 2 Replies
  • 92 Views
  • 3 Days Discussion Span
  • Latest Post Latest Post by MidiMagic

Dani AI

Generated

Short, practical checklist that builds on what , and already noticed.

First, confirm you are editing the stylesheet that the page actually loads and that your selector matches the rendered HTML. Use the browser inspector on a station link and look at the Styles/Computed pane to see which rule and file win. If a different rule is applied, read about how the cascade and selector specificity determine which rule is used (MDN: Specificity).

Common culprits: the anchors are not where your selector expects (not inside a <p>), another stylesheet or rule (or an inline style/!important) overrides yours, or browser accessibility/privacy features alter link rendering. Modern browsers also limit what :visited can change for privacy — color rules only in many cases — so treat visited-state differences carefully (MDN: :visited). As said, user-agent or OS high-contrast modes can override colors entirely.

Actionable fixes: target the actual element (style #mid a or give radio links a dedicated class and style that), include :focus for keyboard users, ensure your pseudo-classes are in the recommended order (link, visited, focus, hover, active), avoid broad !important usage, and clear the browser cache (or force reload) while testing. Use DevTools to toggle rules live — that quickly reveals whether the issue is selector mismatch, cascade order, caching, or an accessibility override.

Recommended Answers

All 2 Replies

Member Avatar for shikeb

Have you checked youir css file ... the code you have pasted here is not in your style.css file.

Please !! give me detail so i can help you.

Member Avatar for MidiMagic

Note that those four attributes can be overridden by browser settings.

For accessibility reasons, browsers can set constant values for the colors of links and the background. Your styles will be overridden if those settings are active.

All web designers should realize that these settings can be made, and not play too much with link colors.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.