ｃｓｓで、ある単語の頭文字に特定の色をつけたい

質問

題のようなことがしたいのですが、ｃｓｓの記述の仕方を教えて下さい。

回答No.3

font_color · ベストアンサー

こんにちは。
単純に文章の最初だけなら

p:first-letter{
float: left;
color: red;
}
<p>頭文字に特定の色をつけたい</p>

ということで可能かと思います。

今回は「ある単語」ということなので、
PHPなどで、文章の単語を検索して

$html=str_replace("ある単語", "<p>ある単語</p>", $html);

などに置換すれば可能です。

回答No.2

bonjin99

htmlにも記述する必要があります。
以下に例を挙げますのでご参照ください。

●htmlに直接cssを記述した場合
abcdefg
（↓「a」だけ赤色に指定）
<span style="color:red;">a</span>bcdefg

●htmlにcssのクラス指定した場合
abcdefg
（↓「a」だけ赤色に指定）
<span class="redcolor">a</span>bcdefg
【css】
.redcolor {color:red;}
（クラス名「redcolor」は任意で指定します）

回答No.1

notnot

cssだけでは、その単語をあらかじめタグで囲っておかないと無理ですが、それでいいでしょうか？

CSS部分
.tango::first-letter { color: red; }
HTML部分
This is a <span clas="tango">pen</span>.