Блог

Главная - Вопросы по программированию - мопс, похоже, нарушает стиль начальной загрузки [устранено]

мопс, похоже, нарушает стиль начальной загрузки [устранено]

#css #bootstrap-4 #pug

#css #начальная загрузка-4 #pug

Вопрос:

Я пытаюсь отобразить страницу с помощью pug, которая отображает либо приветственное сообщение, либо ссылки для входа / регистрации. Сообщение / ссылки находятся в навигационной панели начальной загрузки. Мой код выглядит следующим образом:

              .script 
                    if user 
                        document.getElementById('portal').innerHTML 
                            <li class="nav-item">
                                <a class="nav-link" href="/account">Welcome! #{user.username}</a>
                            </li>
                    else 
                        document.getElementById('portal').innerHTML
                            <li class="nav-item">
                                <a class="nav-link" href="/login">Login</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="/signup">Signup</a>
                            </li>

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

Решено, я не обращал внимания на окончательную структуру html, оказывается, вложенный класс останавливает каскадирование стиля, как ожидалось.

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

1. pug не нарушает ваш HTML-код.. посмотрите, правильно ли работают операторы и else, что-то нарушается в вашей структуре html и / или в вашем css.

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

Метки: , ,