css - 带有 Rootstheme 和 Twitter 的 Bootstrap 3 的 Wordpress Menu Dropcaps

Question

我有 Twitter Bootstrap 3 Wordpress RootsTheme。

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

   WordPress 导航菜单 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 首字母。第一个字母仅适用于块级元素。引导 css 将导航中的锚设置为阻止显示：

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