スポンサーサイト

一定期間更新がないため広告を表示しています

| スポンサードリンク | - | - | pookmark |
Entry: main  << >>
<span style="色番号">〜 <span>で指定された色をCSSで一括変更する
記事内で<span style="color:色番号">文字</span>を使用して変更していた文字色をCSSで一括変更してあげようというカスタマイズ。

本文テスト
本文テスト
本文テスト

上記のように<span> 〜 </span>を使用して色を変更した場合、ソースはこのようになっています。
※赤字部分はテンプレートによって異なっている場合があります。
<div class="entry_body">
<span style="color:#FF0000">本文テスト</span>
<span style="color:#0000FF">本文テスト</span>
<span style="color:#008000">本文テスト</span>
</div>

CSSに下記のようなカスタマイズを施すことにより<div class="entry_body">〜</div>ブロック内の<span>〜</span>内の文字は全て黒色に変更されます。
.entry_body span {
color: #000000 !important;
}

※<span>〜</span>を使用した複数色指定ができなくなることに注意しましょう。



| pika | - | - | pookmark |
スポンサーサイト
| スポンサードリンク | - | - | pookmark |