CSS-Formatierungsstring Inhalt

Ich habe einen String mit dem Wert:CSS-Formatierungsstring Inhalt

1 - If (a12 + aaGrossVehicleWeight is equal to 100 + 60) test1 = aaModelCode(Always Overwrite) test1 = 42 a12 = aumtReadingDate+1 2 - If (a12 is equal to 20) test1 = (Always Overwrite) test1 = a12 = 1+2

Ist es möglich, mit Hilfe von CSS den oben genannten Inhalt mit anderer Schriftart und Farbe zu formatieren, wie in der beigefügten Screenshot gezeigt?

different font color for the content

Quelle

2016-05-04 user3395100

eine Klasse mit ihm verbunden und anwenden CSS – Giri

ich bin neu in CSS. kannst du mir einen Beispielcode geben, der großartig sein wird. – user3395100

So etwas hypothetisch,

<ul> 
    <li>1 - If (a12 + aaGrossVehicleWeight is equal to 100 + 60) test1 = aaModelCode(Always Overwrite) test1 = 42 a12 = aumtReadingDate+1</li> 
    <li class="style2">2 - If (a12 is equal to 20) test1 = (Always Overwrite) test1 = a12 = 1+2</li> 
</ul> 

<style> 
    .style2{ 
     font-size: 18px; 
     color: red; 
    } 
</style>

Quelle

2016-05-04 05:57:14 Giri

Giri, danke für die Antwort. Aber diese Werte erhalten es dynamisch aus der Datenbank und weisen es dem div-Element "

" zu. Mit der Klasse "textarea" kann ich also nur den gesamten Inhalt und nicht Teil für Teil formatieren. Sag zum Beispiel, wenn ich den Wert "Wenn" in einer Farbe und die Bedingung in einer anderen Farbe und den Wert in anderer Farbe hervorheben möchte, wie man es mit derselben Klasse und CSS erreicht? – user3395100

Muss das ein TextArea-Element sein? Kann man die Daten nicht in andere Elemente ziehen? – Giri

nicht notwendigerweise muss es in textarea sein .. wir können es in jedes Element setzen und die Daten mit unterschiedlicher Schriftart/Farbe anzeigen. – user3395100

Sie können HTML-Definitionsliste, das Konzept der Klassen und Nutzungsklassen verwenden Farbe des Textes für jeden Teil zu übernehmen. Beispielcode ist unten gezeigt.

.red { 
 
    color: red; 
 
} 
 
.blue { 
 
    color: blue; 
 
} 
 
.darkblue { 
 
    color: darkBlue; 
 
}

<dl> 
 
    <dt class="blue">1.Some random text</dt> 
 
    <dd class="red">dummy text dummy text<span class="darkblue"> dummy text</span></dd> 
 
    <dt class="blue">2.Some random text</dt> 
 
    <dd class="red">dummy text dummy text dummy text<span class="darkblue"> dummy text</span></dd> 
 
    <dt class="blue">3.Some random text</dt> 
 
    <dd class="red">dummy text dummy text dummy text<span class="darkblue"> dummy text</span></dd> 
 
</dl>

Quelle

2016-05-04 06:04:39

Für statischen Text können wir Ihre Vorschläge verwenden. Aber in meinem Fall sind Daten dynamisch und kommen als einzelner String-Wert. Brauchen Sie Hilfe bei der Aufteilung der Daten und Formatierung mit verschiedenen Schriftarten/Farben ist die Frage. – user3395100

Sie können Javascript Teilzeichenfolge Funktion verwenden - http://www.w3schools.com/jsref/jsref_substring.asp –

Wie fügen Sie den Text zu Dom? –

CSS-Formatierungsstring Inhalt

Antwort

Verwandte Themen