css - Rootstheme と Twitter の Bootstrap 3 を使用した Wordpress メニューのドロップキャップ

Question

私は Twitter Bootstrap 3 Wordpress RootsThemeを持っています。

1. Wordpress Dropcaps プライマリ ナビゲーション メニューを作成するにはどうすればよいですか?

   Wordpress のナビゲーション メニューのドロップキャップ

Answer 1

http://demo.rootstheme.com/のサンプル ページに基づいて、セレクターとして使用でき.navbar-nav > li > a:first-letterます (これを style.css ファイルに追加します)。

.navbar-nav > li > a:first-letter {
     color: green;
     font-size: 20px;
     /* your style */
  }

最初の文字の疑似クラスについては、http://css-tricks.com/snippets/css/drop-caps/を参照してください。また読む: css first-letter for link . 最初の文字は、ブロック レベルの要素に対してのみ機能します。ブートストラップ css は、nav のアンカーをブロック表示に設定します。

    .nav > li > a {
        display: block;
        padding: 10px 15px;
        position: relative;
     }