Блог

Главная - Вопросы по программированию - МЕНЬШЕ — передача параметра классу для использования с calc()

МЕНЬШЕ — передача параметра классу для использования с calc()

#css #less

#css #Меньше

Вопрос:

Вот мой МИНУС:

 DIV.row1.col2(@left) {
    left: calc(176px   @left);
    top: -45px;
}

#cards.faerie {
    DIV.row1.col2(20px);
}

Это отображает вычисление left как стиль, связанный с #cards.faerie ним, а не DIV внутри него. Что я делаю не так?

Я заканчиваю этот пример.

ETA: чтобы также добавить некоторый контекст, мой HTML выглядит так:

 <div id="cards" class="faerie" style="height: 257px;">
        <div id="one" class="row1 col1">
        ...
        </div>
</div>

Ответ №1:

Я изменил ваш код, как указано в документации

Меньше

 .DIV{
    .row1{
        .col2(@left) {
    left: calc(176px   @left);
    top: -45px;
}}}

#cards .row1{
    .DIV> .row1 > .col2(20px)
}

Это полезно для вас?

Комментарии:

1. Итак, требуется ли вложенный синтаксис? В рассматриваемом DIV есть два класса, а не те, которые являются вложенными элементами. (PS Обновил мой вопрос, чтобы добавить мою HTML-разметку)