Autor Zpráva
sjiamnocna
Profil
Zdarec. Mám takovou možná hloupou otázku.
Můžu pouze pomocí CSS (CSS3), sledovat najetí myši (:hover), a podle toho nastavit vlastnost jinému prvku?
Docela by mně to zajímalo, protože jsem slyšel o mnoha vylepšeních v CS3, ale na toto jsem nenašel ani kladnou, ani zápornou odpověď...
Díky.
panther
Profil
sjiamnocna:
CSS3 určitě ne. Proč se nepodíváš, co ta trojka za „CSS“ znamená? A seznam nových (ne všude fungujících) vlastností?

Ale jak moc jinému myslíš? Můžeš při hoveru měnit vlastnosti elementům zanořeným, sousedícím (přímo nebo všem sousedícím) nebo potomkům sousedících. Úplně cizím to nejde, není je jak zaměřit kontextovým selektorem.
candiess
Profil
sjiamnocna:
Jak zmínil panther v css to nejde, pro toto bych zvolil JS.
peta
Profil
Pomoci css, jde to a nejde to.

Jde to, pokud je ten prvek uvnitr.
<style>
div div {display:none;}
div:hover div{display:block;}
</style>
<div>bbb<div>aaa</div></div>

Pokud je mimo, musi se pouzit js
<style>
.off {display:none;}
.on {display:block;}
</style>
<script>
function jshover(id,css) {document.getElementById(id).className=css;}
</script>
<div onmouseover="jshover('aaa','on')">bbb</div><div onmouseout="jshover('aaa','off')" id="aaa" class="off">aaa</div>
sjiamnocna
Profil
Ano, přes JS je mi to jasné... jen jsem se ptal jestli to nejde v novém CSS (vím že to je něco hodně jiného než předchozí verze).
Myslím vnořený a rodičovský prvek. Díky moc. Neuvědomil jsem si, že můžu psát za hoverem další prvky. Fakt dík :)

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: