Autor | Zpráva | ||
---|---|---|---|
Dusann Profil |
#1 · Zasláno: 2. 6. 2016, 13:41:56
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 |
#2 · Zasláno: 2. 6. 2016, 14:04:54
Obě deklarace mají stejnou specifičnost (laicky "sílu"), proto vítězí později uvedené pravidlo.
|
||
Dusann Profil |
#3 · Zasláno: 2. 6. 2016, 14:15:56
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 |
#4 · Zasláno: 2. 6. 2016, 14:28:58
|
||
Tomáš123 Profil |
#5 · Zasláno: 2. 6. 2016, 14:41:01
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 |
#6 · Zasláno: 2. 6. 2016, 14:45:21
_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 |
#8 · Zasláno: 2. 6. 2016, 15:22:11
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 |
||
Časová prodleva: 8 let
|
0