Меньше цикла пропущено ")" при компиляции - PullRequest
Новая
       8

Меньше цикла пропущено ")" при компиляции

0 голосов
/ 25 января 2019

Я работал над созданием карусели исключительно с использованием HTML и CSS.Нет JavaScriptДо сих пор мне нравилось то, что я нашел в сети и видел некоторые учебники.

Вот моя проблема, хотя.Я строю смешанный цикл с Less для создания набора css, но по какой-то причине в строке 4 (* вставленного кода ниже) отсутствует closing brace ")".

Что я пробовал:

  • Полностью удалить блок кода Less -> ошибка исчезла.
  • Удален весь код внутри ошибки .carousel-reviews ->. Ошибка
  • удалена вокруг .carousel-reviewsдочерний селектор -> ошибка сохраняется
  • изменено имя переменной с @i на @index -> ошибка сохраняется
  • удален весь код из селектора &__activator:nth-of-type( @i ) -> ошибка сохраняется

Надеюсь, кто-то может увидеть, что я делаю здесь не так. 

.loop( @i ) when ( @i > 0 ) {

.carousel-reviews {
    &__activator:nth-of-type( @i ) {
        &:checked ~ .carousel_track {
            transform: translateX(calc(@i - 1) * 100%);
        }
        &:checked ~ .carousel__slide:nth-of-type(@i) {
            transition: opacity @slideTransition, transform @slideTransition;
            top: 0;
            left: 0;
            right: 0;
            opacity: 1;
            transform: scale(1);
        }
        &:checked ~ .carousel__controls:nth-of-type(@i) {
            display: block;
            opacity: 1;
        }
        &:checked ~ .carousel__indicators .carousel__indicator:nth-of-type(@i) {
            opacity: 1;
        }
    }
  }
.loop ( ( @i - 1 ) );
}

Если я не был достаточно полон, пожалуйста, дайте мне знать, и я могу добавить информацию к вопросу.

РЕДАКТИРОВАТЬ 1 Кажется, что компиляторы останавливаются, когда они достигают первого @i в строке 4.По какой-то причине, когда я удаляю эту первую переменную, ошибка перемещается в строку 8.Это говорит о том, что по какой-то причине переменная @i не разрешена внутри :nth-of-type().Кто-нибудь знает, что здесь происходит?Я буду продолжать поиск и обновление, когда найду новые ответы или вопросы

РЕДАКТИРОВАТЬ 2 Нашел решение.Проверьте ответ

1 Ответ

0 голосов
/ 25 января 2019

Так что, похоже, я нашел проблему.

Кажется, что проблема заключается в меньшем количестве проблем, связанных с использованием переменных внутри :nth-of-type().

Когда я удалял переменныеиз nth-типа я заметил ошибку при переходе на новую строку, которая также включала nth-типа.Когда я пошел искать использование переменных в less, я ничего не смог найти, но позже я наткнулся на пост здесь с переполнением стека

ЭТО ОТВЕТ МАРТИНА ТУРЖАКА

Я бы посоветовал проверить это.Но вкратце, кажется, что есть проблема с использованием переменной, и вы должны использовать ее, как если бы вы использовали ее внутри строки, подобной этой :nth-of-type(@{i}).

Надеюсь, это поможет другим, борющимся с этой же проблемой,В настоящее время у меня нет времени, чтобы выяснить, почему это происходит, и я тоже не знаю, но если есть кто-то, кто может объяснить это, что было бы здорово.

В любом случае, спасибо за ваше время ихорошего дня!

...