问题标签 [tailwind-css]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - 我如何在这里使用申请？
我正在使用顺风 css 来自定义我的菜单。我有一堆按钮，我想更改每个按钮内容的第一个字母以显示链接的快捷方式。这是暴雪在魔兽争霸3中使用的：
Tailwind 的文档提供了一个按钮示例。它按预期工作。
改变我的信的颜色。我可以使用 css 伪元素first-letter。
但是，有一个问题（或者我不会在这里）。apply适用于顺风示例，但不适用于我的自定义 css。apply仅适用于顺风自己的CSS吗？我错过了什么？
jsfiddle乱来
html - 为什么 flexbox 在包裹项目时不向下推后续内容？
我的布局工作正常，直到for collectorsdiv 换行。此时，后续的what artists are sayingdiv 不会被推到被包裹的内容之下。有谁知道为什么？
我尝试将align-content“收藏家”弹性框设置为各种设置。
PS 使用 Tailwind.css
显示元素未包装的时间
未包装：
显示元素何时被包裹
包装时：
HTML
风格
angular - 在不同文件中导入相同的 CSS 文件时防止重复
我有一个使用 Sass 进行 CSS 处理的 Angular 项目，我正在研究 Tailwind。我想将 Tailwind 导入到各种组件 Sass 文件中，以便可以扩展它们，但是我看到当我两次导入同一个文件时，它在 Angular 生成的文件中出现了两次。
是否有某种组织方式或某种方法可以避免重复？还是我想错了问题？
css - 为什么 Font Awesome 不能在我的 Shadow DOM 中工作？
Font Awesome在我的 shadow DOM 中不起作用，因为我在其中包含以下内容以防止样式泄漏和泄漏：
我可以通过在:host属性中内联它们来使用其他样式表，但这不适用于 Font Awesome，因为它在其样式表中使用相对路径。
vuejs2 - 如何将活动类添加到特定 div
这是我的风格部分
如果单击该锚标记，我想添加突出显示的类..
laravel-mix - 为什么我的 app.css 不包含 normalize.css
为什么它不包括 normalize.css
这些是我写的模块，希望有人能帮助我
看看边距，它有点偏离。
css - Tailwind CSS 如何编码像素完美设计
并且无法弄清楚如何仅使用顺风类对像素完美设计进行编码。简单的例子，我需要 padding-left 22px，但最接近的顺风类是 pl-6 和 pl-8，它们分别是 24px 和 32px。因此，归根结底，我有一堆顺风类 + 1 个自定义，我在其中进行了安排，这违背了该框架“实用程序优先”的目的。
css - 为什么我的普通字体无法加载但粗体字体可以
可能的原因是我的其他字体无法加载。这是我的 fonts.css 文件
但是粗体只会显示不正常的字体
看看只有黑色字体加载/粗体..
css - 你怎么把div放在右边
我想把那个头像放在最右边的“APP”旁边，但我似乎无法让它工作。
css - Tailwind - Flex-No-Shrink 和 Flex-Wrap 的工作原理
我有两个问题，
当我指定宽度（比如 w-1/5）时，“Flex-no-shrink”不起作用......这不可能吗？当我在 div 上指定一些宽度时，所有 flex 属性似乎都不起作用。（我的目标是因为它是一个侧边栏 div，我希望在我的应用程序的所有部分中宽度保持相同，但是在某些部分我的侧边栏内容较短，因此我最终在我的网站上拥有一个宽度不同的侧边栏）
我的“flex-wrap”也存在类似的问题。如果我不指定子 div 的宽度，则当我调整浏览器大小时，flex wrap 会起作用。当我指定宽度时，div 将开始缩小而不跳到底部。
我在这里做错了什么？
谢谢。侧边栏的结构如下；
由于我在整个网站上都使用它，所以我把它拿出来 app.scss，样式如下；