如何在css中更改li的最后一个元素的填充

Question

我想在最后一个列表元素中添加一个绿色按钮，如屏幕截图所示，但问题是我想减小原始页边距填充的大小，以便使框中的框小一点，但不能解决它，我尝试高度：0px;但没有运气。

让我知道如何调整这个，我的Bootstap.css文件 - css file

截图 -

我的玉文件 -

.navbar.navbar-inverse.navbar-fixed-top
  .container
    .navbar-header
      a.navbar-brand(href='/') uplift
    .navbar-collapse.collapse
      ul.nav.navbar-nav.navbar-right
        li
          a(href='/challenge') Challenges
        li
          a(href='/pricing') Pricing
        li
          a(href='/pricing', data-toggle='dropdown') 
            | Content
            b.caret
          ul.dropdown-menu(role='menu')
            li
              a(href='/') Blog
            li
              a(href='/') Landing Page Library
          // ul
        //li
        li
          a(href='/') More
            b.caret
        li
          a(href='/', style="background:green;border-radius:15px;") Get Started >
    // /.nav-collapse

Answer 1

这是从padding 10px 15px;获得的。

所以减小宽度将15px减少到更小的px值。

降低高度将10px降低到较小的px值。