Posted by zara on 12/27/07 04:50

(See http://habarixenu.mozdev.org for info on HX. It's an RSS reader.)

I've customized this addon to look exactly the way I'd like, but can't
seem to get the "content:after" pseudo-element to work for visited
links. Aware of CSS "heritability" (elements must be presented in a
certain logical order, or else the whole thing falls apart like a
house of cards), I'll post the entire file (~150 lines, including
comments) if requested. Until then, here's a relevant chunk:

******* CODE FOLLOWS *******

..hx-headline {

border-bottom: 1px solid #ddd !important;
color: #000 !important;
display: block !important;
font-family: Trebuchet MS, arial, verdana, sans-serif !important;
font-size: 20px !important;
font-weight: normal !important;
min-height: 1.3em !important;
padding: 14px 0 0 0 !important;
}

..hx-headline a {

color: #000;
text-decoration: none;
}

..hx-headline a:visited:after { content: " (finished)"; }

******* END CODE *******

For what it's worth, even the ".hx-headline a" doesn't have any effect
either (tried changing the color to red -- #f00 -- but that didn't
work. I adapted this code from "Mozilla" at sage.mozdev.org.
Everything works perfectly, exactly the look I want, except for this
one thing.

By the way, I use (Mozilla) Seamonkey, not Firefox, so Sage won't work
for me.

[Back to original message]