Как стилизовать элементы слотов в Astro с помощью Tailwind ⇐ CSS
-
Гость
Как стилизовать элементы слотов в Astro с помощью Tailwind
Как стилизовать внедренные элементы в макете Astro, используя простой CSS с попутным ветром.
Минимально воспроизводимый пример:
/src/layouts/PostLayout.astro
/pages/somepage.mdx
--- макет: ../layouts/PostLayout.astro --- # Заголовок 1 Немного текста Как я могу настроить таргетинг на элементы уценки, которые вводятся в слот?
Я могу легко настроить таргетинг на любой из определенных элементов макета, используя такой блок стиля:
дел { граница: 1 пиксель, сплошная черная; } Однако любые стили, примененные к элементам в слоте, игнорируются.
Как стилизовать внедренные элементы в макете Astro, используя простой CSS с попутным ветром.
Минимально воспроизводимый пример:
/src/layouts/PostLayout.astro
/pages/somepage.mdx
--- макет: ../layouts/PostLayout.astro --- # Заголовок 1 Немного текста Как я могу настроить таргетинг на элементы уценки, которые вводятся в слот?
Я могу легко настроить таргетинг на любой из определенных элементов макета, используя такой блок стиля:
дел { граница: 1 пиксель, сплошная черная; } Однако любые стили, примененные к элементам в слоте, игнорируются.
Мобильная версия