This is part of the Semicolon&Sons Code Diary - consisting of lessons learned on the job. You're in the CSS-and-design category.
Last Updated: 2024-11-23
In Oxbridge Notes, I always had massive difficulty overriding the base styles
for my a
tags, especially when they had pseudo classes (e.g. a:hover {}
).
A website is filled with links — and they have very different styling requirements depending on whether they are in the header, the footer, the main text, the navigation, etc. Better to leave them relatively blank style-wise.
Another issue with the pseudo-classes is that they had 10 to the specificity — i.e. the same as a regular class. This made them awkward to override.