Wie schreibt man * :: selection {} in scss \ sass?

7

Ich habe versucht, Folgendes zu tun, aber es funktioniert nicht:

%Vor%     
Vitaly Batonov 13.07.2011, 15:23
quelle

5 Antworten

26

So mache ich es:

%Vor%

Aktualisieren

Ich empfehle, einfach ::selection {} mit autoprefixer anstelle eines Mixins zu verwenden. Dies wird Ihren Code dünner und Ihr Gehirn leichter machen:)

In diesem Fall wird autoprefixer dies umwandeln:

%Vor%

... (abhängig von Ihrem Zielbrowser / Konfiguration) in etwas wie das:

%Vor%     
yckart 02.09.2013 20:46
quelle
11

Mixins funktionieren mit Pseudo-Elementselektoren;) siehe mein Mixin:

%Vor%

wie zu verwenden:

%Vor%

natürlich können Sie es viel flexibler machen, aber es war genug für mich;)

    
Peter 29.04.2012 13:48
quelle
6

Das ::selection Pseudo-Element war immer noch in der Entwurfsspezifikation , text-decoration wurde nicht als eine der zulässigen Stileigenschaften angegeben. Da Browser dies ohnehin implementieren, sollten sie die Regeln gemäß diesem Dokument befolgen und text-decoration als solche nicht zulassen.

Nichtsdestotrotz ist an Ihrem Selektor nichts auszusetzen, obwohl es erwähnenswert ist, dass Firefox stattdessen die Version mit dem Vendor-Präfix ::-moz-selection verwendet. Sie müssen die Regel zur Unterstützung dieses Browsers zusammen mit Chrome, Safari und Opera wiederholen (siehe diese Antwort für Informationen).

Also in SCSS würden Sie das tun:

%Vor%

Sie können dies möglicherweise mithilfe von Mixins reduzieren, aber ich bin mir nicht sicher, ob Mixins mit Pseudo-Element-Selektoren arbeiten.

    
BoltClock 13.07.2011 16:38
quelle
0

Tolles Mixin, ich habe mich in eine Regel geändert, indem ich "& amp;" hinzugefügt habe, es funktioniert besser für mich. Ich habe auch ein leeres Präfix hinzugefügt, um die Regel ohne Präfix zu erhalten.

%Vor%     
Victor 04.11.2013 10:25
quelle
0

Mit Kompass könntest du es wie folgt machen:

%Vor%     
dude 08.07.2015 13:38
quelle

Tags und Links