[thelist] A:Active Working Example?

MaKo shark at mako4css.com
Mon Feb 24 14:09:01 CST 2003


> There was a topic a few days ago about highlighting the active or
> link you're on, but it really wasn't answered to my satisfaction. After

What you could do is declare a custom class for the anchor of the page
that you are on, like:

a.nowon:link {
    color: #FF00FF;
    background: #CDCDCD;
    font-size: 1.5em;

and then, in the document, exchange the usual class (let's say
a.navi:link) with this class:

<a class="navi" href="whatever.htm">Normal Anchor</a>
<a class="nowon">Here I am!</a>

> researching the a:active css property, I realized that this is what
> on the press state of the mouse click.

Yup. a:active describes the moment the anchor is 'activated' by the user,

> Rudy's example of the various css styles looked promising but I wasn't
> convinced that would work as it didn't reset visited links.

I don't have this example, but it should - if the sequence was correct.
See http://www.mako4css.com/BasLink.htm - the sequence of the pseudo
classes is important.

> I tried but failed to implement a class definition solution. Here's my
> A.selected {
> color: #911100;

Have you also declared the :link, :visited, :hover classes? If yes, and it
still didn't work, then there is something else out of whack - an URL
would be helpful...

> BTW, is css case sensitive? a.something vs. A.something? I would really
> to see a working example. Thanks efolk.

Perhaps :)

I quote from the W3C:
The case-sensitivity of document language element names in selectors
depends on the document language. For example, in HTML, element names are
case-insensitive, but in XML they are case-sensitive.

Meaning, in HTML a.something is the same as A.something.


http://www.w3.org/TR/REC-CSS2/syndata.html#q4 clearly states that

"All CSS style sheets are case-insensitive, except for parts that are not
under the control of CSS."

Meaning, that if you declare a class like:

one browser will accept <div class="warning"> , but another will not. (IE
and Moz come to mind).

Therefore: keep it consistent. I am gradually re-training myself to write
in lowercase, selectors as well as class names, simply to be on the safe


~~just when you thought it was safe to go back into the water~~

More information about the thelist mailing list