Skip to main content
CSS is fun and cool and I like it.
Almanac

:any-link

The :any-link pseudo-class in CSS provides a method for selecting elements that are the source anchor of a hyperlink.

If the term source anchor lost you, that's a fancy name for the href attribute on the HTML elements <a></a>, <link /> and <area />. (Why you would need to target an <area /> or <link /> in CSS is beyond me, but hey.) The HTML spec has a whole lot more information on that.

An element that accepts … Read article

Almanac

:link

The :link selector is a pseudo-class that targets all unvisited anchor (<a>) elements on a page.

a:link {
  color: aquamarine;
}

The example above will change the color of all unvisited links to aquamarine.

When used in combination with the :hover pseudo-class, :link must appear first, or else not be defined at all, in order for the :hover styles to work. This is because they are equally specific, so if :link came after, those styles would override … Read article

Article

Alternative Style Links

You may know the classic link style very well. Blue with an underline. There is an alternative way to achieve the same effect, that is a bit nicer.

Here is the code:

a {
  text-decoration: none;
  background: url(link-line.gif) repeat-x 0 100%;
  padding-bottom: 1px;
}

Giving the background position of x at 0 and y at 100% places the background image at the bottom of the text and by setting the padding-bottom to 1px, we make the distance between the text … Read article