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

Question

我想为屏幕截图中所示的最后一个列表元素添加一个绿色按钮，但问题是我想减小原始页边距填充的大小以便使盒子稍小一些，但不能修复它，我试着用height：0px;但没有运气。

让我知道我可以调整这个，我Bootstap.css文件 - css file

Screenshot-

我的玉文件 -

.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值。