Autor Zpráva
Dusann
Profil
Podľa špecifikácie by mal :link označovať aj :visited element, a :visited môže byť prebitý štýlom :link :

The :link CSS pseudo-class lets you select links inside elements. This will select any link which has not yet been visited, even those already styled using selector with other link-related pseudo-classes like :hover, :active or :visited.

The :visited CSS pseudo-class lets you select only links that have been visited. This style may be overridden by any other link-related pseudo-classes, that is :link, :hover, and :active, appearing in subsequent rules.

Prečo potom ak použijem poradie:

:visited{color:silver;}
:link{color:green;}

Tak navštívený link má šedú farbu a nie zelenú ?
Bubák
Profil
Obě deklarace mají stejnou specifičnost (laicky "sílu"), proto vítězí později uvedené pravidlo.
Dusann
Profil
Bubák:
Obě deklarace mají stejnou specifičnost (laicky "sílu"), proto vítězí později uvedené pravidlo.

A práve preto očakávam, že navštívený link bude mať zelenú farbu, ale nemá.
_es
Profil
Dusann:
Nevyplýva z uvedeného v [#1], že sa :link vzťahuje len na nenavštívené odkazy?
Tomáš123
Profil
Dusann:
Tak navštívený link má šedú farbu a nie zelenú ?
Pseudotriedou :link zrejme nejde zamerať navštívený odkaz. Vzájomne sa teda pseudotriedy spolu s :visited nerušia.

Poradie pseudotried :hover a :active určuje iba to, ktorý štýl sa na prvok v prípade oboch udalostí aplikuje.

Žiadna z pseudotried nemá v testovaných prehliadačoch väčšiu prioritu.

K dispozícii som mal iba IE8, IE11, Firefox 46.0.1 a Edge 25.10586.0.0.
Bubák
Profil
_es:
Nevyplýva z uvedeného v [#1], že sa :link vzťahuje len na nenavštívené odkazy?
Máš pravdu, tím to bude. Myslel jsem si, že :link zaměří všechny odkazy, ale není tomu tak.
Dusann
Profil
Tomáš123:
Pseudotriedou :link zrejme nejde zamerať navštívený odkaz. Vzájomne sa teda pseudotriedy spolu s :visited nerušia.

Tak potom nerozumiem vyššie uvedenej špecifikácii, ktorá tvrdí opak.

Ďalšia vec je, že cez :link je možné zamerať aj navštívený odkaz, ale len pre CSS vlastnosti ktoré má separátne navštívený odkaz zamedzené. Napr:

:link{vertical-align:-2px;} platí aj pre :visited elementy.
Bubák
Profil
Dusann:
Ďalšia vec je, že cez :link je možné zamerať aj navštívený odkaz, ale len pre CSS vlastnosti ktoré má separátne navštívený odkaz zamedzené.
Nerozumím, co tím máš na mysli.

:link{vertical-align:-2px;} platí aj pre :visited elementy.
Ne. Udělal jsem ukázku, ale namísto vertical-align jsem použil barevné pozadí background: gold;
Živá ukázka
Odkaz
Dusann
Profil
Bubák:
:link{vertical-align:-2px;} platí aj pre :visited elementy.

No tento štýl ktorý je definovaný cez :link, zameriava aj :visited elementy, nie len :link elementy. Logicky by som očakával že ak chcem aby napr. vertical-align: -2px platilo aj pre :visited elementy, tak by som to naštýloval cez A selector a nie :link selektor, ktorý má zamerať iba nenavštívené odkazy.

Bubák:
Nerozumím, co tím máš na mysli.
No samostatne pre :visited môžeš nastavovať iba:


color
background-color
border-color (and its sub-properties)
outline-color
The color parts of the fill and stroke properties

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: