Do not style base links and psuedo classes

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.