Angular组件特定样式使用Tailwind @apply函数

Question

8

大多数教程和文章都使用将Tailwind依赖项导入styles.scss的方法。

@import 'tailwindcss/base';
@import 'tailwindcss/components';
@import 'tailwindcss/utilities';

然后可以在custom-components.css或全局级别的某个单独文件中使用@apply函数编写自定义样式。

但是如果我想在组件范围的样式中使用@apply函数和tailwind，这是否可行？

目前，要么我的自定义组件css被不同的组件样式污染，要么组件html被许多类污染。

敬礼！

- Edward

同样的问题在这里！ - Vincent Piau

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- LopsemPyier · Answer 1

我使用了@ngneat/tailwind将tailwindcss添加到我的angular项目中，并且我可以在组件的scss文件中使用@apply。

然而，似乎嵌套并不总是对我起作用，最重要的是，dark变体也无法正常工作（这里有解释）。

Tailwind关于组件的文档建议避免使用自定义类，如果它很复杂并且只在一个组件中使用，则应该将tailwind类保留在html中。