...
С
emmet я набираю:
.content-wrapper и получаю
с нужным классом
ul.categories-list>li.categories-list__item*3 и получаю список с классом и тремя вложенными пунктами с классами
в стилях dn - получаю display: none;
в стилях m10-20 получаю margin: 10px 20px;
Важно: после ввода нажимаем Enter
Работает без установки плагинов в:
- Vs Code,
- PHP Storm,
- WEB Storm,
но в каких-то редакторах, возможно, может потребоваться установить плагин Emmet Abbreviation
Документация: https://docs.emmet.io/abbreviations/
Еще две статьи-руководства:
https://skillbox.ru/media/code/uskoryaem-vyerstku-ispolzuya-emmet/
https://code.visualstudio.com/docs/editor/emmet