在顺风中有没有速记的伪类变体？

文章/答案/技术大牛

发布

1回答

tailwind-css

使用tailwind时，是否可以将pseudo-class-variants更改为速记？例如：.hover:bg-blue-500将为.h:bg-blue-500 我认为这会大大缩短class属性的字符串长度。

浏览 11提问于2020-04-07得票数 0

1回答

TailwindCSS和Wordpress样式插件输出

wordpress、wordpress-theming、tailwind-css

或者例如，菜单“如何设置项目样式”说明WP提供了有用的类来设置样式，如.current_page_item。.plugin-btn { @apply bg-blue-500 text-white font-bold py-2 px-4

浏览 2提问于2020-11-26得票数 0

1回答

在TailwindCSS中悬停时不显示边框

html、css、tailwind-css

下面是我的代码： <button class="text-center hover:border-b-2 hover:border-black">Home</button> 我使用的是TailwindCSS当我在border-b-2之前移除hover:时，它工作得很好，通常会有一个灰色边框，悬停时会出现一个黑色边框。但是一旦我添加了hover前缀，边框就消失了。我的代码正确吗？

浏览 30提问于2021-08-03得票数 0

1回答

CSS文件中的TailwindCSS焦点+占位符

tailwind-css

可以将focus:placeholder-gray-600类从超文本标记语言转移到CSS文件中吗？来自以下HTML我想要的是 <input class="my-class" type="

浏览 0提问于2019-10-02得票数 1

1回答

在顺风中一次对多个伪类应用效果

css、tailwind-css、tailwind-ui

我正在寻找一个好的速记应用于多个伪类在顺风中同样的效果。<div className="hover:bg-blue focus:bg-blue>Text<div>.hover-focus-bg-blue{ @apply hover:bg-blue focus:

浏览 2提问于2022-11-15得票数 1

回答已采纳

1回答

如何使用顺风在悬停时添加/删除类？

jquery、css、hover、tailwind-css、hidden

在使用顺风类悬停对象后，有任何方法删除类吗？hidden absolute -top-16 left-16 group-hover:inline-block'>-</span>在这里，我希望在对象悬停后删除hidden类，

浏览 5提问于2022-08-15得票数 0

1回答

在CSS文件中"@“在做什么？

css、tailwind-css

在遵循TailwindCSS配置教程使用Next.js设置它时，顶层的.css文件如下所示：@tailwind components;我的问题是:这是做什么，它是如何抓取和利用顺风CSS文件？

浏览 7提问于2022-07-21得票数 0

1回答

Svelte，类型记录，TailwindCSS暗模式支持

typescript、svelte、tailwind-css、darkmode

我正在从事一个Svelte3项目，试图获得TailwindCSS DarkMode的支持。从我读过的文档来看，它应该在本地工作吗？目前，这是一个非常典型的Svelte项目，配置了Tailwind、Typescript和PostCSS。顺风类是起作用的，但是在大多数情况下，黑暗模式类是不工作的.我似乎不能正确配置..。

浏览 1提问于2021-04-27得票数 0

2回答

为什么在定制类中我不能定义2悬停：？

tailwind-css

在Laravel 8应用程序中，我想在定制类中设置2种悬停条件： @apply py-1 px-3 block hover:bg-green-500 hover如果我只留下一个悬停：-它是编译好的。看起来这是有效的语法，但是哪一个有效呢？修改后的：，因为它是laravel 8项目，我在项目中只找到了一个包含内容的文件： purge: [ '.require(&quo

浏览 1提问于2021-04-10得票数 2

回答已采纳

3回答

顺风css设计理念与实现

css、tailwind-css、tailwind-ui

我的团队经理想要在项目中第一次实现尾风CSS，而且我刚开始使用顺风css，这个项目有一些普通的CSS文件，所以我的问题是，我是否需要从头开始重新编写迎风css样式表，还是有更好的解决方案..please我试着使用命令npx tailwindcss -i input.css -o output.css将旧的普通css文件转换为顺风，但它没有帮助。

浏览 23提问于2022-11-24得票数 0

回答已采纳

1回答

带有顺风类的svelte条件类，它的名称中包含一个斜线。

tailwind-css、svelte

我在一个sveltejs项目中使用顺风。<div class:w-1/3={condition}>如何能够在svletejs条件类中使用带有斜杠的顺风类

浏览 5提问于2022-06-06得票数 1

回答已采纳

1回答

尾风3.0.23类未在故事书中实时应用

reactjs、next.js、tailwind-css、storybook、postcss

无法通过故事书ui实时应用顺风类，例如，通过道具classes将按钮的颜色从bg-red-600更改为bg-red-100并不能改变故事书UI中按钮的颜色，是否可以从UI中更改按钮的颜色以查看其外观？(组件在应用程序中按预期工作，而不是在故事书中)storybook uibutton component type="button

浏览 2提问于2022-03-28得票数 3

1回答

为什么这个字体速记不起作用？

css、google-chrome、fonts

我在这里浏览过其他关于这个主题的帖子，但似乎仍然找不到答案。为什么这个语法在Chrome中显示为无效而被忽略？active, a:visited {} 除下文所述外，“字体”属性是设置“字体样式”、“字体变体”、“字体重量”、“字体大小”、“行高”和“字体系列”的速记属性，位于样式表的同一位置。此属性的语法基于传统的字体<e

浏览 4提问于2013-07-16得票数 0

回答已采纳

2回答

顺风误差:预期的伪类或伪元素

reactjs、tailwind-css

我已经为我的项目配置了裁剪器，但是在npm run start之后，我得到了以下错误。font-semibold mt-3 rounded-lg text-lg focus: outline-none hover:opacity-90;脚本在package.json

浏览 10提问于2021-08-12得票数 3

3回答

如何为已经在SASS / SCSS中声明的嵌套类编写速记？

css、sass

如您所见，我有一个&--alt形式的.mainContainer变体。但是，我需要在&--alt类中重复.mainContainer__content，以说明如果父容器中有.mainContainer--alt，那么.mainContainer__content将具有不同的样式有没有更好的方法来写这个，因为它似乎违背了使用速记版本的目的，如果我要在这个特定的例子中写出完整的类

浏览 1提问于2018-09-19得票数 0

1回答

我正在建设一个网站，顺风作为一个css框架，但我遇到了一个问题，当我试图使用媒体查询前缀的顺风(sm:，lg:等)引发此错误： @apply不能与.sm\:一起使用，因为.sm\:要么找不到，要么它的实际定义包括一个伪选择器如果您确信.sm\:存在，请确保在Tailwind看到您的CSS之前，任何@import语句都被正确处理，因为@apply只能用于同一CSS树中的类。有人能解释一下如何在自己的自定义类<

浏览 1提问于2020-12-02得票数 3

回答已采纳

1回答

“w-满xl:w-3/6”的顺风CSS类在xl断点上不工作。

css、tailwind-css

我无法让这些代码在vuejs上工作，类xl:w-3/6不覆盖w-full。我怎么才能让它正常工作呢？

浏览 4提问于2022-04-28得票数 1

回答已采纳

1回答

如何使用CMS的类名动态地向NextJS组件添加类？

css、reactjs、next.js、tailwind-css、server-side-rendering

我正在寻找一个解决方案，将允许一些样式选择在一个CMS，可以动态地改变类的特定组件在我的NextJS应用程序。我的代码如下所示：... );但是，样式不适用，背景颜色保持不变，尽管类似乎被注入浏览器上的类属性中。我知道我目前的方法是不正确的，但我

浏览 3提问于2022-07-21得票数 1

回答已采纳

1回答

Tailwind @apply指令与提取组件时的纯CSS

css、sass、tailwind-css

例如，对于一个按钮，我们有一个基本的"btn“类，并且可以使用SASS "&-blue”将不同的变体应用到btn-blue样式上，等等。总体来说，这很好用，但问题(以及为什么我们使用顺风)是你不能解释类中的每一个单独的东西，并且我们的许多UI是特定于组件的。顺风在这种情况下绝对是一种乐趣，因为它不需要编写"style: blah blah“，也不需要太费力地考虑

浏览 47提问于2020-05-03得票数 1

1回答

变体悬停在TailwindCss中不适用

tailwind-css

我有一个自定义的类设置，我正在尝试添加变体，但行为似乎与经典CSS没有什么不同。border-primary rounded-sm text-white text-base py-2 px-4 capitalize transition-all; }如果变体是在下面是我根据我看到的其他帖子在我的顺风配置中添加的内容： extend: {

浏览 11提问于2021-02-21得票数 1

回答已采纳

点击加载更多