普通のテキストで、最初の1文字だけ色を変えたりでかくしたり、することってあんまりないと思う。
(むかしは雑誌風に1文字目をでかくするとかあったよね)

でも、listなどで頭につく●が色付きだったりすることはちょいちょいある。


調査
お見積もり作成
ご訪問

みたいな感じで。

こういうとき、

<li><span>●</span>調査</li>

というようなやりかたをやっていたのだけれども、cssで1文字目だけやっちゃうほうが楽なんだな。


html

<ul class="flow_list">
<li>●調査</li>
<li>●お見積り作成</li>
<li>●ご訪問</li>
</ul>

css
.flow_list li:first-letter{
color:#0000ff;
}

ってやるだけでシンプルに実現できる。

しかもIE6から使えるから、安心。
対応ブラウザ

急な腹痛にも安心なの。