Як керувати стилями CSS для підменю конкретного елемента меню, використовуючи класи користувача

Наша Команда техпідтримки рада представити Вам новий туторіал, з якого Ви дізнаєтеся, як керувати стилями CSS для підменю конкретного елемента меню, використовуючи класи класу CSS:

Якщо Ви хочете застосувати різні настройки для підменю з однаковим класом, Вам потрібно додати спеціальний селектор.

Натисніть меню, над яким Ви будете працювати, потім дослідіть елемент і знайдіть div підменю з класом class.

Продублюйте клас css підменю та додайте селектор:nth-child(), який робить ваше підменю унікальним.

У разі необхідно збільшити ширину фону для підменю «Про компанію» (About us). Нам потрібно створити новий клас CSS (включаючи головний клас підменю, який використовується у шаблоні) і додати селектор:nth-child(2), де«2» - це номер сторінки. Тепер ми можемо додати правила css для нашого нового класу, який використовується для підменю меню «Про компанію»:

конкретного

Перевірте результат на вашому сайті:

Не забудьте зберегти новий клас css в головному файлі стилів вашого сайту.

Тепер Ви знаєте як керувати стилями CSS для підменю конкретного меню використовуючи класи користувача CSS.