Charaters spéciaux dans le sélecteur scss?

Question

Comment puis-je imprimer PRs un sélecteur compiler à partir SCSS comme ceci:

SCSS

_::-webkit-full-page-media, _:future, :root { 
    .class_name { 
     property: value; 
    } 
    .multi_class_another {} 
} 

CSS

_::-webkit-full-page-media, _:future, :root .class_name { 
    property: value; 
} 

Il montre toujours:

CSS

_::-webkit-full-page-media .class_name,_:future .class_name,:root .class_name { 
    property: value; 
} 

Merci!

Answer 1

Dans SCSS, lorsque vous imbriquez une classe dans un groupe de sélecteurs séparés par des virgules, la classe imbriquée est appliquée à tous les sélecteurs. En outre, les classes vides seront supprimées.

Donc, si

_::-webkit-full-page-media, _:future, :root .class_name { 
    property: value; 
} 

est ce que vous voulez que le CSS pour ressembler, alors, il n'y a pas de moyen plus efficace d'écrire c'est SCSS. Si vous voulez le rendre super propre (et ne pas avoir ce :root .class_name imbriqué sur le dernier sélecteur) alors vous pouvez chercher à utiliser les sélecteurs d'espace réservé de Sass. Plus d'infos ici http://thesassway.com/intermediate/understanding-placeholder-selectors