Работа с media не получается изменить padding?

Question

[Vadym]

прописываю в media padding 0 для элемента li, ничего не происходит почему ?
остальные свойства работают, к сылке тоже пытаюсь изменить размер шрифта, не меняется...

посмотрел через конструктор свойство которое в media перечеркнуто

<nav class="header-top__navigation">
					<ul class="header-top__navigation__ul">
						<li><a href="#">Главная</a></li>
						<li><a href="#">О нас</a></li>
						<li><a href="#">Наши услуги</a></li>
						<li><a href="#">Контакты</a></li>
					</ul>
				</nav>

nav{
		justify-self:end;
		.header-top__navigation__ul{
			list-style: none;
			position: relative;
			li{
				display: inline-grid;
				letter-spacing: 1.5px;
				padding:17px 20px;
				transition: left .4s, background-color .4s;
				a{
					margin:0;
					padding:0;
					color:#fff;
					font-size: 1.1em;
					text-decoration: none;
					text-transform: uppercase;
					font-family: 'Open Sans', sans-serif;
				}
			}
                 }
       @media only screen and (max-width: 1200px){
	       .header-top__navigation__ul li{
		padding:0;
	      }
        }

Answer 1

[Fedor Rychkov]

Надо соблюдать css зависимости, header nav

Comments

[Vadym]

Спасибо больше, вы очень мне помогли, будьте здоровы 1000 лет! : )

[Никита Егоров]

Vadym, если ответ помог, его отмечают решением.

Answer 2

[Владимир]

media не при чем.
Вес верхнего селектора выше, чем нижнего.
Читайте про вес https://habr.com/post/137588/