Всем здравствуйте. Ребят, попал в такую непонятную ситуацию, сижу недоумеваю от происходящего. Сразу скажу стилизация списка не полная, но проблема не в этом, а в том, что с последнего
<li><a href="#">пресса</a></li> нужно убрать padding-right: 0;, но по каким то неведомым мне причинам этот padding не хочет убираться, любые другие стили к нему применяются что то вроде background-color, margin: 50px; и т.д., а вот padding убираться не хочет. Использовал псевдоклассы :last-child, :nth-last-child, :nth-child, даже был момент, когда использовал :not, все ровно ничего не помогает. Что делать вообще хз.:
<div class="container">
<div class="row">
<div class="background_img"></div>
<div class="col-lg-12">
<nav class="main_menu">
<ul class="menu">
<li><a href="#">главная</a></li>
<li><a href="#">афиша</a></li>
<li><a href="#">видео</a></li>
<li><a href="#">пресса</a></li>
</ul>
</nav>
</div>
</div>
</div>:
.main_menu {
width: 100%;
text-align: center;
vertical-align: middle;
display: inline;
}
.menu li a {
text-transform: uppercase;
font-size: 18px;
color: #000;
font-family: 'RobotoSlabLight';
padding: 0 92px 0 0;
}
.menu li:last-child {
padding-right: 0;
background-color: yellow;
}
.menu li a:hover {
text-shadow: 0 0 1px #fff;
}