"\ @mobile" oder "\ @desktop" Präfix in CSS

Question

Was bedeutet "\ @mobile" oder "\ @desktop" Präfix Klasse bedeutet in der entsprechenden CSS-Beispiel in grofers.com

Example?:

@media screen and (min-width:1260px) { 
    .container\@desktop: after { 
    content: ""; 
    display: table; 
    clear: both 
    } 
} 

Answer 1

Als @ ist ein Sonderzeichen für CSS (@media, @import ...), wenn Sie es in einem Selektor verwenden möchten, mit einem Element wie:

<div class="gr-6@tablet gr-6@desktop"> ... </div> 

Sie müssen die @ mit einem Backslash \, so wird es als ein reguläres Zeichen interpretiert werden:

.gr-6\@desktop { ... }