Autor Zpráva
Daviart
Profil
Mám otázku, jestli lze vybrat elementy předcházející elementu. Protože výběr [alement1] ~ [element2] vybere následující.

příklad:
a:hover ~ span po najetí kurzorem se mi zobrazí span, pokud je html: <a href="#">zobraz</a> <span>zobrazující se text</span>)

ale já bych potřeboval, aby se span zobrazil v případě: <span>zobrazující se text</span> <!-- další obsah --> <a href="#">zobraz</a>

jde mi především o řešení pomocí CSS

<style> 
.text#za , .text#pred {
    opacity: 0;
}
.za:hover ~ .text#za {
    opacity: 1;
}
.pred:hover ~ .text#pred {
    opacity: 1;
}

</style>

  <a href="#" class="za">zobraz za</a>
  <span class="text" id="za">zobrazující se text za</span>
<br />
  <span class="text" id="pred">zobrazující se text před</span>
  <a href="#" class="pred">zobraz před</a>
tesik
Profil *
CSS selektor pro předchozího sourozence neexistuje.
mandel99
Profil *
Daviart:
jedině takto ale je to takové krkolomné řešení :
http://jsfiddle.net/XXuPN/

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: