CSSで設定した見出しが反映されない

質問

Wordpressを使用しています。
CSSでクラス設定した見出しが、記事に反映されません。
この1時間かけて10個以上のサイトを見て回り、何度も何度も試しましたが、どうしても予め用意されているツールバーから選ぶ「見出し２」になってしまいます。

どのサイトも書いている事は同じですし間違えていないと思うのですが…。

・CSSに下記タグを書いて保存

.midasi01{
background:#fff8dc;
border-top:1px dotted #ccc;
border-right:1px dotted #ccc;
border-left:7px solid #ff7f50;
border-bottom:1px dotted #ccc;
padding:.8em .9em
}

・wordpressで記事作成

「ビジュアル」ではなく「テキスト」を選び、下記タグを挿入。
<h2 class="midasi01">あいうえお</h2>

以上、宜しくお願い致します。

回答No.3

tkmojo

「見出し2」とはh2の事で、<h2></h2>で囲んだものはビジュアル入力画面で見ると必ず「見出し2」を選んでいる事になります。
どんなクラスを入れているかは関係ありません。

要するに、「見出し2になってしまう」のではなく、単純にcssが効いてないという事です。
!importantを入れても変わらないのですから、優先度の問題ではありません。

cssが効いていない場合は、下記の様なケースが考えられます。

・class名が間違っている

質問の文章内では合っているので、さすがにこれはないと思いますが。
半角のつもりが全角で書いてるという場合もあるので一応確認してください。

・cssファイルを読み込んでいない

style.cssのみを読み込んでいるのにcommon.cssに書いてる、とか。
これは今書いてるcssファイルの中の他の記述が効いてるかどうかで確認できます。
素人の場合はこれが一番濃厚。
きちんと「読み込まれているcssファイルに書いているか」を確認してください。

・cssファイル内の記述ミス

例えば、.midasi01の前に無意味な「,」があるとか、前の記述部分が閉じられていない（「}」が無い）ような場合でもそれ以降の記述が無効になります。

cssファイルの途中から書いてるものが全部無効になってたらこの可能性があります。

・コメントアウトしている

cssファイル内では /* ○○○ */ でコメントとして扱う事が出来ますが、
「/*」以降は「*/」でちゃんと閉じないと何を書いても効きません。
間違えてどこかに「/*」のみ書きっぱなしにしていれば、それ以降は全部無効です。

こんな所でしょうか。
あとはfirebugか要素の検証で調べてみてください。
firebugを使えば「何が効いてないのか」を簡単に調べる事が出来、cssのミスは100%自分で解決できます。

回答No.2

outbrave

そのCSSを書いたファイルが読み込まれていない。
HTMLで<h2 class="midasi01">あいうえお</h2>になっていない。

上記のどちらかでしょう、これらはソースの表示から確認してください。

また、変更は成功しているがキャッシュを表示している可能性もあります。

後、<h2 style="background:#fff8dc;～padding:.8em .9em;">あいうえお</h2>のように書いたらどうなるかですね。

回答No.1

outbrave

詳細度が低い可能性があります。
次のように書いて反映されれば詳細度の問題でしょう。
.midasi01{
background:#fff8dc !important;
border-top:1px dotted #ccc !important;
border-right:1px dotted #ccc !important;
border-left:7px solid #ff7f50 !important;
border-bottom:1px dotted #ccc !important;
padding:.8em .9em !important;
}

何を試したらツールバーから選ぶ「見出し２」になるのか、意味不明です。

補足

失礼しました。
質問で書いた通りのタグをコーディングしても、投稿の編集画面、ビジュアルタブのツールバーにあるドロップダウンリストから選べる「見出し２」（少し大きいだけの文字）になってしまう、という意味です。

書いて頂いたタグをCSSに入れてみましたが、やはり「見出し２」になってしまうだけでした。

引き続き、皆様ご回答の程、宜しくお願い致します。