[css] warunek w css? Opcje

[SN@JPER^]

Witam.

Jest jakaś reguła warunków w css?

Coś w stylu, że jeśli game.li:hover to inna klasa też zmienia wartości.

Np.

[HTML] pobierz, plaintext 
.all .menu_left ul li.games:hover{
 
        background-color: #ffb10a;
        color: #000;
 
        .all .menu_left ul li.games span.icon{
            background: url('../images/icon_games.png') no-repeat;
 
       }
 
 }
[HTML] pobierz, plaintext 

Ten post edytował SN@JPER^ 26.04.2015, 21:45:28

[PrinceOfPersia]

wszystko fajnie, tylko, że to się akurat da załatwić w czystym CSS:

[CSS] pobierz, plaintext 
.all .menu_left ul li.games:hover{
    background-color: #ffb10a;
    color: #000;
}
 
.all .menu_left ul li.games:hover span icon {
  background: url('../images/icon_games.png') no-repeat;
}
[CSS] pobierz, plaintext 

(pseudoklasa :hover wcale nie musi być na końcu deklaracji CSS, może być w środku).

edit:
chociaż i tak pod kątem pisania kodu ładniej by to wyglądało w Sass czy SCSS:

[CSS] pobierz, plaintext 
.all .menu_left ul li.games{
    font-family: sans-serif; //na przykład;
    display: block; // na przykład
    &:hover {
        background-color: #ffb10a;
        color: #000;
        span icon {
          background: url('../images/icon_games.png') no-repeat;
       }
    }
}
[CSS] pobierz, plaintext 

w scss nie musisz powtarzać tych samych selektorów, tylko w jednym drzewie masz deklaracje dla elementu normalnie (bez hovera), tam tylko piszesz &:hover i otwierasz klamrę z deklaracjami dla :hover, tam dodajesz kolejne selektory dzieci (span icon) itp.

Ten post edytował PrinceOfPersia 26.04.2015, 22:15:50