Autor Zpráva
lopik
Profil
Dobrý deň,
riešim v celku banálny problém. Jedná sa mi o štýl hoveru v menu. Konkrétne, mám menu v takejto štruktúre:

<div>
  <ul>
    <li>
      <span>
        <a>Hlavny odkaz</a>
      </span>
          <ul>
            <li>
              <span>
                <a>Vnoreny odkaz</a>
               </span>
             </li>
          </ul>
     </li>
    </ul>
</div>

a potrebujem aby, som pri tom hoveri na úrovni druhého vnoreného odkazu zmenil background aj prvého odkazu.
Neviem, či to hovorím zrozumiteľne. Ide mi o to, že keď prejdem myšou na Vnorený odkaz, aby sa mi aplikoval štýl na Hlavný odkaz.

ul li ul li a:hover
aby mi aplikoval štýl pre:
ul li a

viete mi prosím poradiť? vďaka
RastyAmateur
Profil
lopik:
Obávám se, že pomocí CSS to nepůjde
lopik
Profil
RastyAmateur [#2]:
a nemáte nejaký nápad ako by som to spravil? Vďaka
Tomášeek
Profil
RastyAmateur:
Jaktože ne?

lopik:
div > ul > li:hover > span > a {}
jsfiddle.net/z5y1yzaf/1

Pokud by ten odkaz v 1. úrovni měl mít jiný hover (odlišný od toho, kdy už jsem myší na druhé úrovni), pak třeba takto
jsfiddle.net/z5y1yzaf/2

Ten span je tam (velmi pravděpodobně) zbytečný, styluj rovnou a.
RastyAmateur
Profil
Tomášeek:
Toto změní barvu ale již při najetí na celý ten li element. Pokud jsem autora dobře pochopil, tak jemu jde o to změnit pozadí prvního odkazu při najetí na druhý odkaz.

Jedno z toho pravděpodobně špatně chápu. Buď ten dotaz, nebo to řešení.


Každopádně to řešení v ukázce funguje, takže spíš ten dotaz :/
lopik
Profil
RastyAmateur [#5]:
Presne tak, ide mi o zmenu farby prveho odkazu pri ukazani kurzorom na druhy odkaz.

Uz som to kazdopadne vyriesil javascriptom.
Tomášeek
Profil
RastyAmateur, lopik:
Ono dost záleží na ostatních stylech.

Pokud jsou ale odkazy klikatelné po celé šíři svého UL/LI, a zároveň mezi (nad/pod) sebou nemají odsazení, bude se ten můj příklad chovat přesně tak. Řešení javascriptem je v dnešní době už celkem ok (už málokdo vypíná), jen je (pravděpodobně) zbytečné.

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: