В Pug, чтобы добавить класс к подключаемому блоку, вы можете использовать атрибут class
и передать класс как строку или переменную.
Вот пример:
1. У вас есть файл parent.pug
, который подключает файл child.pug
:
//- parent.pug include child.pug
2. В файле child.pug
, вы хотите добавить класс к блоку:
//- child.pug .child-block(class="my-class") //- Ваш контент здесь
Или, если вы хотите добавить класс, используя переменную, вы можете сделать следующее:
//- child.pug - var myClass = "my-class" .child-block(class=myClass) //- Ваш контент здесь
3. После компиляции Pug в HTML, вы получите следующий результат:
<!-- parent.html --> <div class="child-block my-class"> <!-- Ваш контент здесь --> </div>
Теперь ваш подключаемый блок child-block
имеет класс my-class
. Вы можете использовать этот подход для добавления классов к любым другим блокам Pug, подключая их к своим родительским файлам.