@rootnoroot

Как в less применить стиль?

нужно задать только для родительских LI высоту
и нифига не получается сделать
она или нифига не задается или задается абсолютно всем

вот код

.nav{
			padding-left: 20px;
			ul{
				display: flex;
				list-style-type: none;
				
				li{
					flex-grow: 1;
					text-align: center;
					position: relative;
					
					a{
						
						color: rgb(56, 56, 56);
						font-size: 15px;
						font-weight: 500;
						line-height: 20px;
						letter-spacing: 0%;
						text-align: left;
						text-decoration: none;
						i{
							font-size: 11px;
							margin-top: 5px;
							margin-left: 4px;
						}
					}
					ul{
						visibility: hidden;
						position: absolute;
						left: 0;
						top: 60px;
						transition: 0.5s opacity ease-in-out, 0.5s top ease-in-out;
						opacity: 0;
						padding: 20px 0;
						min-width: 250px;
						box-shadow: 0 10px 20px rgba(0,0,0,0.1);
					}
					&:hover{
						ul{
							visibility: visible;
							top: 30px;
							opacity: 1;
							display: block;
							background: #FFF;
							
							li{
								display: block;
								text-align: left;
								border-bottom: 1px solid rgba(0,0,0,0.05);
								a{
									padding: 15px 20px;
									display: block;
								}

							}
						}
					}
				}
			
				
				
			}

	
			
		}


а вот это нифига применить нормально не могу
.nav{
	padding-left: 20px;
	> ul {
           > li {
               height: 83px; /* Применяем только к родительским элементам <li> */
          }
    	}
}


Как правильно в less эту херабору написать?
  • Вопрос задан
  • 21 просмотр
Решения вопроса 1
delphinpro
@delphinpro
frontend developer
rootnoroot, Еще раз повторяю – именно так и написать:
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы