Dotaz na CSS

14. úno 2016 22:49 #125819

Dotaz na CSS vytvořeno Ernst

na webu beta.batavia.cz se u druhého menu (to bílé) při najetí myší to políčko rozšíří.
Nedělá to ale a:hover ale něco jiného.
Netušíte někdo co?

14. úno 2016 22:58 #125820

Odpověď od Cony

Ale dělá to hover, co jiného

Konkrétně tyhle 2

Code:

ul.art-hmenu>li>a:hover, .desktop ul.art-hmenu>li:hover>a {}
ul.art-hmenu li a:hover {}

a jejich nastavení padding

14. úno 2016 23:53 #125821

Odpověď od Ernst

Díky za radu
já to dole přepisoval

Code:

ul.art-hmenu li a:hover {
    background-color: #B0A6A8;
    padding-left: 17px;
    padding-right: 17px;
    }

to mi při hover změnilo parvo, ale ne ten padding
ale zjevně se musí napsat

Code:

.art-nostylespodni ul.art-hmenu>li>a:hover{
  background-color: #B0A6A8;
  padding-left: 17px;
  padding-right: 17px;   
}

přesnému rozdílu zatím nerozumím, musím si to zanalyzovat

15. úno 2016 00:29 #125822

Odpověď od Cony

> znamená přímého potomka

ul.art-hmenu li a:hover platí pro všechny elementy a v seznamu ul s třídou art-hmenu, které jsou obsažené v nějakém li na jakékoliv úrovni, popř. obalené jakýmkoliv prvkem.

ul.art-hmenu>li>a:hover platí pouze pro elementy a obsažené pouze na první úrovni položek li a to pouze pro přímé potomky těchto položek. Netýká se tedy vnořených elementů a apod..

15. úno 2016 09:53 #125827

Odpověď od Ernst

díky za vysvětlení

Přihlásit se

Dotaz na CSS

Nejnovější příspěvky

Nové překlady rozšíření