Wie ändert man Schriftgröße von: vor Element in reinem CSS dynamisch?

Question

Ich möchte die Größe des Vorher-Pseudo-Elements dynamisch ändern, entsprechend der Schriftgröße des Elements, auf das das Pseudo-Element eingestellt ist.

Ich benutze TinyMCE v4. Ich habe einen Stil-Format wie folgt hinzugefügt:

style_formats: [ 
    { 
     title: 'Custom Bullet', 
     selector: 'ul', 
     classes: 'custom_bullet' 
    }, 
] 

ich mit diesem Format folgenden Stil add:

.custom_bullet li:before{ 
    content: "\e013"; 
    font-family: 'Glyphicons Halflings'; 
    float: left; 
    color: #F00; 
} 

Was ich will, bekommen, ist, dass, wenn ich font-size von li ändern, die li Der benutzerdefinierte Marker sollte sich auch dynamisch ändern.

Ich könnte es mit JS tun, aber das ist, was ich vermeiden möchte. Ich würde gerne eine Lösung auf der Basis von CSS finden.

Answer 1

Ich bin mir nicht sicher, ob ich Sie richtig verstehe, aber was ist:

.custom_bullet li, .custom_bullet li:before { 
    font-size: 1em; 
}