css - 使用 Rootstheme 和 Twitter 的 Bootstrap 3 的 Wordpress 菜单 Dropcaps

Question

我有 Twitter Bootstrap 3 Wordpress RootsTheme .

1. 如何创建 Wordpress Dropcaps 主导航菜单？

   Wordpress Navigation Menu Dropcaps

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 .首字母仅适用于 block 级元素。 bootstrap css 将导航中的 anchor 设置为阻止显示:

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