html - how to change single li element in a menu using lists? -
i created navigation bar @ website using in-line list , has been styled. each <li> same want last 1 have different size wish change width , padding of it. i have no idea how able this, i've tried multiple ways experienced lots of problems along way. tried adding styling in <li> tag on html page, changed absolutely nothing, tried using last-child selector worked extent. allowed me change padding of not width. didn't change last 1 first one. css: .dropdown{ position: relative; margin: 0 auto; float: right; top: 20px; font-size: 13px; } .dropdown li { float: left; width: 155px; background-color:#373737; position: relative; border-bottom:1px solid #575757; border-top:1px solid #797979; } .dropdown li { display: block; padding: 10px 8px; color: #fff; position: relative; z-index: 2000; text-align:center; } .dropdown li a:hover, .dropdown li a.hover{ background: #cf5c3f; position: relative; } .dropdown :last-child li a{ padding: 0px; w...