Sass Zagnieżdżanie dla: hover nie działa [duplikat]

Question

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

css-selectors sass

Author: cimmanon, 2013-04-13

Source

2 answers

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

score 584 · Accepted Answer

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