CSSの書式文字列の内容

Question

は、私は値を持つ文字列を持っている：

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

それは添付のスクリーンショットのように異なるフォントや色で上記コンテンツをフォーマットするためにCSSを使用可能ですか？

different font color for the content

Answer 1

仮にこのような何か、

<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> 

Answer 2

は、テキストの各部分の色を適用して使用するクラスのクラスのHTML定義リスト、概念を使用することができます。サンプルコードを以下に示します。

.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>