Sailfish wrote:
> Beauregard T. Shagnasty wrote:
>> Sailfish wrote:
>>>> Jack wrote:
>>>>> to userContent.css, ...
>>>>>
>>>>> a:visited {color:#990099 !important;}
>>> Try prefacing the link rule with "*|*", e.g.: *|*:visited { color:
>>> green !important; }
>>
>> Sail, what is the purpose of the asterisk-verticalbar-asterisk? Other
>> than as a CSS error?
>>
>> The above CSS: a:visited {color:#990099 !important;} is a correct
>> construct/syntax.
>>
> REF:
http://www.w3.org/TR/CSS2/grammar.html#grammar
>
> [excerpt quote="
> |: separates alternatives
> " \]
>
> It shouldn't generate a CSS error per above spec. the *|*:visited
> selector means, "match any single element" or, alternatively, "any
> single element with the pseudo class of :visited" as I understand it.
Hmm. That's a w3 page I'd not seen before. However, I am not sure that
the | means what you think it means there. I think it is being used there
to show that alternative parts that can be placed in a rule. Witness:
import
: IMPORT_SYM S*
[STRING|URI] S* media_list? ';' S*
where either STRING or URI (shown separated by |) can be in a rule. I've
seen the vertical bar used in this manner in many different programming
manuals, but not as a literal character itself.
> but mostly because :visited no longer works by itself (tested on Fx12
> and Fx13) and *|*:visited does :)
No, because it should be: a:visited and not just: :visited. In your
example of: *|*:visited the browser is recognizing the parts after the
illegal character | and reading only: *:visited {...}. Since there are
"very few" instances of "visited" in CSS, it will work, but only by
accident. :-)
a:visited { color:#800080 !important; }
works fine for me when placed in userContent.css
At least that is my take on it.