Можно ли добавить родительский селектор в LESS?

Мой css структурирован в компонентах, каждый компонент является автономным.Можно ли добавить родительский селектор в LESS?

пример:

.menu { 
    background: black; 
}

Рамки Я использую иногда добавляет класс к телу тега. Например для зарегистрированных пользователей это будет выглядеть следующим образом:

<body class="loggedIn"> 
    <div class="menu"</div> 
</body

Я хотел бы сохранить CSS структурированную внутри каждого компонента. Можно ли добавить селектор меньше, чем добавлено перед родителем? Что-то вроде:

.menu{ 
    %loggedIn{ 
    color: red 
    } 
}

должно предоставить пользователям loggedIn красное меню.

источник

2014-11-26 Himmators

, что является причиной, вы не хотите использовать &? Нет родительского селектора, но такого же эффекта можно достичь, используя &, как говорит pawel – publicJorn

Если я не буду полностью missunderstanding вас, и есть возможность, то ампер-родитель-селектор именно то, что вам нужно!

.menu{ 
    .loggedIn & { 
    color: red 
    } 
}

Если в результате

.loggedIn .menu { 
    color: red 
}

источник

2014-11-26 10:00:37

мой плохой, я думал, что это сделает .menu .loggedIn .menu, но он работает! – Himmators

Вы можете ссылаться на родительский селектор с помощью &: http://lesscss.org/features/#parent-selectors-feature

МЕНЬШЕ

.menu { 
    background: black; 
    .loggedIn & { 
    color: red 
    } 
}

будет компилировать в CSS

.menu { 
    background: black; 
} 
.loggedIn .menu { 
    color: red 
}

источник

2014-11-26 10:00:01 pawel

мой плохой, я думал, что это сделает .menu .loggedIn .menu, но он работает! – Himmators

Можно ли добавить родительский селектор в LESS?

ответ

Смежные вопросы