Как правильно написать код в Less?

Как добавить стили к первому пункту списка верхнего уровня без распространения их на вложенные элементы меню, сохраняя текущую структуру CSS?
  • 4 августа 2024 г. 9:23
Ответы на вопрос 2
Для написания кода на Less используются переменные, вложенные блоки, операторы, и другие возможности языка. Ниже приведен пример кода на Less:

```less
@mainColor: #FF0000;

.menu {
  li {
    color: @mainColor;
    font-size: 14px;
  }
  
  li:first-child {
    font-weight: bold;
  }
}
```

Чтобы добавить стили к первому пункту списка верхнего уровня, можно использовать псевдокласс `:first-child`. В данном примере, стили для первого пункта списка (li) будут применены только к первому элементу верхнего уровня меню, без распространения на вложенные элементы. 

Таким образом, структура CSS сохраняется, а стили применены только к необходимым элементам.
У вас пропущен амперсанд для вложенных правил 

& > li { ... }
Похожие вопросы