CSS特定の文字の前にあるすべてのテキストに影響を与えます

Question

CSSを使用して、要素内の特定の文字の前にあるすべてのテキストと影響を受けない文字の後のすべての文字に影響しますか？

<p id=janmar class=StrongText>Flowering Time: January to March</p> 

「：」をすべて太字にしたいが、その後ろのすべてを通常のものにしたい。

.StrongText { 
font-weight: bold; 
} 

は、私はおそらく二つに段落を分割し、それぞれに異なるクラスを使用する必要が終わるだろうが、方法がある場合、それはより簡単かもしれません。以下のような

Answer 1

使用<strong></strong>タグ：

<p id="janmar"><strong>Flowering Time</strong>: January to March</p>

は、この情報がお役に立てば幸い！あなたがミスを犯した<p id=janmar class=StrongText>Flowering Time: January to March</p>で

p span { 
 
font-weight: bold; 
 
}

<p><span>Flowering Time:</span> January to March</p>

Answer 2

はい、<span>のようなインラインフレージング要素を使用します。そのため、CSSスタイルはテキストには影響しませんでした。あなたは引用符/二重引用符の中にクラスとid名を含める必要があります。

<p id="janmar" class="StrongText">Flowering Time: January to March</p> 

次は - フォントを太字にするためにあなたがそれらの場所にスタイルを適用し、あなたのページ内のいくつかの場所のスタイルを適用したい場合にのみ、CSSスタイルを必要としますクラス名で

：

phpのため

<p id="janmar" class="StrongText"><b>Flowering Time:</b> January to March</p> 

はあなたがいずれかの使用エスケープ二重引用符はバックスラッシュを使用したりdoublequoted文字列の中に引用符を使用することができますエコー： は、タグ<b>...</b>を使用（記載されている場合は別の質問の方法の中で）あなたができる唯一の場所で太字にするには

echo "<p id=\"janmar\" class=\"StrongText\"><b>Flowering Time:</b> January to March</p>"; 

echo '<p id="janmar" class="StrongText"><b>Flowering Time:</b> January to March</p>'; 

echo "<p id='janmar' class='StrongText'><b>Flowering Time:</b> January to March</p>"; 

Answer 3

：