Autor Zpráva
radekt
Profil
Dobrý den,
při jednom testu jsem narazil na tento pro mně nesrozumitelný stylopis:
#menu>ul li.menu-item[rel~='selected']:hover
Rozpoznám jen, že se tam "hovoří" o přímém potomku identifikátoru menu a to s tildou se, myslím, obrací na libovolného sourozence, hover je získání fokusu, ale jinak jsem z toho jelen. Co to znamená?
Děkuji
Radek Tůma
DJ Miky
Profil
Viz např. seznam selektorů zde. Zápis [rel~='selected'] vybere elementy s atributem rel="" obsahujícím (~=) slovo selected. Tedy:

<div id="menu">
  <ul>
    <li class="menu-item" rel="selected">tato položka bude selektorem zaměřena</li>
    <li class="menu-item" rel="abc selected">tato bude také zaměřena</li>
    <li class="menu-item" rel="is-selected">tato už ne</li>
  </ul>
</div>
radekt
Profil
Děkuji moc

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: