Каково обоснование использования селектора "

#html #jquery #css #bootstrap-4

#HTML #jquery #css #bootstrap-4

Вопрос:

 .menu {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    transform: translateX
(-100%);
    transition: tranlation: all ease
0.25s;
    amp;.open {
        transform: translateX (0);
    }
}

Файл Js:

 $(document).ready (function (){
    ${".navbar-toggler"}.on("click", function (){
        $("menu").toggleClass ("open");
    });
});

amp;.open Не выделяется в моем коде и подчеркнуто красным в моем текстовом редакторе (VS code), но инструктор реализовал тот же код, что и работал. Пожалуйста, есть ли какое-либо обоснование для использования «amp;» в CSS?

1. Это больше похоже на less или scss, переместитесь .open ниже родительского элемента и используйте .menu.open .

2. Обратите внимание, что у вас есть { в конце transition: tranlation: all ease 0.25s;{

3. О, это правда. Это ошибка с моей стороны, когда я вводил код здесь, но на самом деле это не тот, который я реализовал в тексте

Ответ №1:

amp;.className or amp;:pseudo-class — это, по сути, синтаксис SCSS для написания селекторов, который нацелен на выбор нескольких сценариев в атрибуте className . Например, в вашем коде .menu class также будет иметь другой класс с именем .open class в <html> структуре, так что это означает, что вы выбираете элемент, в котором classname является одновременно .menu и .open , что является способом написания вложенного кода в SASS-SCSS, препроцессоре CSS. типичный файл, сохраненный с помощью .Расширение CSS может быть не в состоянии прочитать этот синтаксис и, следовательно, выдавать ошибку. Надеюсь, этот ответ поможет. Всего наилучшего!