h2タグをカスタムして小見出しを装飾する方法を教えて下さい！

  • SACHI

    (@yohei696969)


    10年、 1ヶ月前

    表題の通り小見出しを装飾したいのですが
    スタイルシートの1.0 – Reset内にある

    h2 {
    font-size: 24px;
    line-height: 1.3;
    }

    上記のカッコ内に様々な記述を追加しても小見出しが装飾されなくて困っております。
    記述文章は半角でスペースは入れております。
    カッコ内に記述する以外に何か他の記述が必要なのでしょうか？

    教えて頂きたく思います。
    twenty fourteenのテーマを使用しております。
    よろしくお願いいたします。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • 천궁 메텔

    (@digitmaetel)

    10年、 1ヶ月前

    .entry-content h2:first-child
    の方が効いてるんじゃないでしょうかね

    キャッシュ系の機能はサーバーで使っていませんよね。

    トピック投稿者 SACHI

    (@yohei696969)

    10年、 1ヶ月前

    ご回答ありがとうございます。

    6.4 Entry Contentの
    .entry-content h2:first-child
    は弄っておりません。

    逆に.entry-content h2:first-childの方を
    どうにか弄る事で解決出来るのでしょうか？

    キャッシュ系の機能はサーバで使用しておりません。
    宜しくお願いいたします。

    photographer hiro.

    (@mura0403)

    10年、 1ヶ月前

    多分優先順位の問題なのでCSS特性は以下の通りです。
    id（#）：100
    class（.）:1
    tag：0
    になります。
    したがって、IDを探せば大丈夫だと思いますよ。
    【例】
    #container .entry-content h2{}など

    それでもだめなら

    .entry-content h2{
font-size: 24px　!important;
line-height: 1.3!important;
}

    ではどうでしょう

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「h2タグをカスタムして小見出しを装飾する方法を教えて下さい！」には新たに返信することはできません。