Gibt es eine Möglichkeit, Selektoren zu gruppieren?

Question

Ich versuche, alle div, table, ul, dl usw. Kinder eines Selektors mit LESS zu adressieren.

Ich würde gerne so etwas schreiben.

.myclass { 
    ... 

    &.otherClass > (div, ul, dl, table) { 
    // define some rules... 
    } 
} 

Ich würde die folgende Ausgabe erwarten.

.myclass.otherClass > div, 
.myclass.otherClass > ul, 
.myclass.otherClass > dl, 
.myclass.otherClass > table { 
    // rules 
} 

Aber die Klammer scheint nicht unterstützt, da es, wie kompiliert, eine ungültige CSS natürlich zur Folge hat.

Gibt es eine Syntax oder eine andere Möglichkeit, eine solche Verknüpfung in Definitionen zu haben?

Answer 1

Ihre Lösung:

.myclass { 
    ... 

    &.otherClass { 
    > div, > ul, > dl, > table { 
     // define some rules... 
    } 
    } 
} 

---

Wie für Ihren Kommentar, die > Wähler nach dem ersten Selektor zu entfernen, wird ein anderes Ergebnis erzeugen:

Dieses Beispiel

div { 
    > span, p, a { 
    border:1px solid #333; 
    } 
} 

kompiliert in

div > span, div p, div a { 
    border: 1px solid #333; 
} 

während dieses Beispiel

div { 
    > span, > p, > a { 
    border:1px solid #333; 
    } 
} 

in kompiliert

div > span, div > p, div > a { 
    border: 1px solid #333; 
} 

Answer 2

Eine andere Lösung ähnlich wie Randys Antwort ist eine Variable für .otherClass und >:

@selector: .otherClass >; 

.myclass { 
    display:block; 
    &@{selector} { 
    div, ul, dl, table { 
     color:red 
    } 
    } 
}