Verwenden von CSS-Variablen (benutzerdefinierten Eigenschaften) in der Eigenschaft "content:" eines Pseudoelements

Question

8

Beispiel verwenden (was ich will)

%Vor%

Testfall zeigt, dass es NICHT funktioniert:

%Vor% %Vor% %Vor%

css pseudo-element css-variables

Jase 20.10.2016, 20:42

quelle

3 Antworten

-1

Sie benötigen Anführungszeichen um die Werte Ihrer benutzerdefinierten Eigenschaften.

%Vor%

darrylyeo 20.10.2016 20:48

quelle

-1

Ich bin nicht ganz sicher, ob ich deine Frage richtig verstanden habe, aber ich denke, hier ist eine Lösung ...

Sie können ein benutzerdefiniertes Attribut für Ihr <div> -Element definieren.

%Vor%

Dann weisen Sie die Position in diesem Attribut mit javascript:

zu %Vor%

Verwenden Sie abschließend die Funktion attr() CSS in der Eigenschaft content Ihres Pseudoelements.

%Vor%

Und voila.

%Vor%
%Vor%
%Vor%

Ricky 20.10.2016 21:22

quelle

score 13 · Accepted Answer

13

Habe es geschafft, mit einem Hack zu arbeiten, an dem CSS-Counter beteiligt sind. Viel Spaß.

%Vor%

Vollständiger Code in Aktion:

%Vor% %Vor% %Vor%

darrylyeo 21.10.2016, 14:50

quelle