#tailwind-css
Вопрос:
Я настроил класс группового наведения в «попутном ветре», поэтому, когда li зависает, отображается дочерний интервал, я также добавляю «активный» класс в li, когда это необходимо. Что мне нужно, так это когда активный класс присутствует на ли, также виден дочерний интервал. Не мог бы кто-нибудь указать мне, как это сделать, так как я немного застрял.
Приведенное ниже работает нормально, просто не знаю, как добавить вышесказанное.
variants: { extend: { fontFamily: ['hover', 'focus'], borderWidth: ['hover', 'focus'], display: ['group-hover'] }, }, Комментарии:
1. пожалуйста, предоставьте свой код 😉
Ответ №1:
Вы можете переключаться между видимыми и невидимыми элементами с помощью утилит отображения. Поэтому, чтобы скрыть элемент , дайте ему класс hidden , а затем, чтобы отобразить его, добавьте префикс группового наведения на block , flex , grid и т. Д…
lt;ul class='group'gt; lt;li class='hidden group-hover:block'gt; lt;/ligt; lt;li class='hidden group-hover:block'gt; lt;/ligt; lt;/ulgt;