HTML Änderung CSS Inhalt

Question

Dies ist Teil meiner CSS-Datei:

.pricing .pricing-value .price:before { 
    position: absolute; 
    content: 'some text'; 
    top: 10px; 
    left: -35px; } 

Ich möchte andere in etwas ‚etwas Text‘ ändern in meiner html-Datei mit Stil. Ist das möglich? Ich meine:

<span class="price" style='something_here'> 

Answer 1

können Sie content: attr(some-attribute) verwenden dynamisch Inhalte :pseudo Elemente

span:before { 
 
    content: attr(data-text); 
 
}

<span data-text="Append"> TEXT</span><br/> 
 
<span data-text="Another"> TEXT</span>

Answer 2

Nein, es ist nicht. Als ::before ist ein pseudo-element, und Sie können Stile nur direkt auf das Element selbst anwenden, indem Sie das Attribut style verwenden. Aber ein Pseudo-Element existiert beim Schreiben des DOM nicht, es wird hinzugefügt, wenn das DOM erstellt wird.

Sie können jedoch eine andere Klasse hinzufügen und den Text dort ändern. Beispiel;

.pricing .pricing-value .price.other-text::before { 
    content: 'other text'; 
} 

<span class="price other-text">