Aria-expanded="true" как использовать в LESS?

Question

[Владимир Соломыкин]

Добрый день всем верстальщикам!
Верстаю аккордеон с помощью LESS и хочу, чтобы при изменении в кнопке свойства атрибута (Aria-expanded с "false" на "true") в стилях срабатывало определенное правило.
В ванильном виде это выглядело бы так:

li{
&.tree-parent{
  &:[aria-expanded="true"] {
     background: url('some-image.gif');
     }
  }
}

но таким способом less не компилируется.
Надеюсь на ваши знания!
Спасибо за внимание.

Answer 1

[Николай]

li.tree-parent[aria-expanded=true]

Попробуй так.

Comments

[Владимир Соломыкин]

Нет. К тому же, если делать правильно, но нужно придерживаться nested

[Николай]

Владимир Соломыкин, поменяй то что у тебя в квадратных скобках на мое.

[Владимир Соломыкин]

Менял. Gulp-less не компилирует и выдает ошибку.

[Николай]

Владимир Соломыкин, скинь html этого куска, у тебя неверное наследование.

[Владимир Соломыкин]

Николай, Так вот он - вверху, с наследованием. Именно ТОТ кусок не скину - там вложений более двадцати (с ховерами, активами и пр.), да и решение нашлось другое, правда через js, чего как раз хотел избежать. Пример выше в точности отображает суть проблемы.