Как реализовать это в less?

Question

[Alibek Kulseitov]

.navigation {
    float: right;

    &__item {
        display: inline-block;
    }
    &__link {
        font-size: 14px;
        color: #c3c3c3;
        text-transform: uppercase;
        text-decoration: none;
        display: block;
        padding: 0 15px;

        &:hover,
        &:focus,
        &.open {
            color: #f58345;
        }
    }
}

Как написать правильно код чтобы если у .navigation__item добавляется класс .open то .navigation__link становился таким же цветом как при hover и focus?
А если быть точнее, то это бутстрап дропдаун добавляет class .open.

Мне нужно чтобы в css на выходе вышло

.navigation__item.open .navigation__link {color: red}

Answer 1

[Данакт Фрост]

.navigation {
    &__item.open &__link {
      color: red
    }
}

Comments

[Alibek Kulseitov]

Благодарю)