Natychmiastowy wybór dziecka w mniej

Czy i tak jest mniej aplikacji selektora immediate child ( > ) w jego wyjściu?

W moim stylu.mniej, chcę napisać coś w stylu: 
.panel {
    ...
    > .control {
        ...
    }
}

I mają mniej generować coś w stylu: 

.panel > .control { ... }
Author: Ricardo Tomasi, 2011-11-13
Source

4 answers

UPDATE

Właściwie, kod w oryginalnym pytaniu działa dobrze. Możesz po prostu trzymać się selektora > dla dzieci.

Znalazłem odpowiedź.

.panel {
    ...
    >.control {
        ...
    }
}

Zwróć uwagę na brak spacji pomiędzy " > "i".", inaczej to nie zadziała.

 136
Author: Dave,
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
2014-03-20 20:25:11

Oficjalny sposób: 

.panel {
  & > .control {
    ...
  }
}

& zawsze odnosi się do bieżącego selektora.

Zobacz http://lesscss.org/features/#features-overview-feature-nested-rules

 72
Author: Ricardo Tomasi,
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
2015-01-24 12:54:03

Poprawna składnia byłaby wykonywana podczas używania '&' byłaby tutaj zbędna. 

.panel{
   > .control{
   }
}

Zgodnie z less guidelines, ' & ' jest używany do parametryzacji przodków (ale nie ma takiej potrzeby tutaj). In this less example, &:hover jest niezbędny nad : hover w przeciwnym razie spowodowałoby to błąd składniowy. Jednak nie ma tu takiego wymogu składniowego dla używania '&'. W przeciwnym razie wszystkie zagnieżdżenia wymagałyby"&", ponieważ zasadniczo odnoszą się do rodzic.

 9
Author: Shaurabh Bharti,
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
2017-01-18 08:26:23

Również, jeśli celujesz w pierwszy element potomny, taki jak pierwszy {[1] } z <tr>, możesz użyć czegoś takiego: 

tr {
    & > td:first-child {font-weight:bold;}
}

Pomaga to zmniejszyć deklaracje klas, gdy nie są one potrzebne.

 -1
Author: seth yount,
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
2015-01-15 16:25:31