Sass Zagnieżdżanie dla: hover nie działa [duplikat]
To pytanie ma już odpowiedź tutaj:
- Sass .scss: zagnieżdżanie i wiele klas? 2 odpowiedzi
Napisałem ten kod, ale nie działa. O co mi chodzi?
.class {
margin:20px;
:hover {
color:yellow;
}
}
260
2 answers
Aby połączyć selektory podczas zagnieżdżania, należy użyć selektora nadrzędnego(&
):
.class {
margin:20px;
&:hover {
color:yellow;
}
}
584
Author: Sinac,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-03-21 21:31:13
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-03-21 21:31:13
Możesz łatwo debugować takie rzeczy, gdy przejdziesz przez wygenerowany CSS. W tym przypadku pseudo-selektor po konwersji musi być dołączony do klasy. Co nie jest prawdą. Użyj "&".
Http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#referencing_parent_selectors_
.class {
margin:20px;
&:hover {
color:yellow;
}
}
34
Author: Enrico Stahn,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-04-13 02:48:19
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2013-04-13 02:48:19