顺风CSS组在自定义类中不起作用
是因为可能存在以下几种情况：
- 选择器优先级低：顺风CSS组定义的样式与自定义类选择器的样式存在选择器优先级的问题。顺风CSS组中定义的样式可能被其他选择器具有更高优先级的样式覆盖。
解决办法：可以使用更具体的选择器或者提高自定义类选择器的优先级，以确保其生效。可以使用ID选择器或者给自定义类选择器添加更多的class属性来提高优先级。
- 样式冲突：顺风CSS组中定义的样式与自定义类选择器的样式存在冲突，导致自定义类选择器样式被覆盖。
解决办法：检查顺风CSS组中的样式与自定义类选择器的样式是否有相同的属性和值，如有冲突，可以修改自定义类选择器的样式或者修改顺风CSS组的样式，以解决冲突。
- 样式未加载：可能由于加载顺序或者异步加载的原因，顺风CSS组中的样式未能正确加载或生效。
解决办法：确保顺风CSS组的样式文件正确加载，并且在自定义类选择器生效前已经加载完成。可以通过调整加载顺序、添加异步加载的回调函数等方式来解决样式未加载的问题。
- 错误的语法或写法：顺风CSS组中的样式可能存在语法错误或者写法不正确，导致样式无法生效。
解决办法：检查顺风CSS组中的样式语法是否正确，确保样式属性和值的书写正确。可以使用在线的CSS验证工具来检查样式语法的正确性。
腾讯云相关产品推荐：
- CDN：腾讯云内容分发网络（CDN）服务，用于加速内容分发，提高用户访问体验。详情请参考：腾讯云CDN
- SCF：腾讯云云函数（Serverless Cloud Function，SCF）是无服务器云函数服务，可实现按需运行代码，无需关心底层资源管理。详情请参考：腾讯云云函数（SCF）
- CVM：腾讯云云服务器（Cloud Virtual Machine，CVM）是一种灵活可扩展的云服务器，提供安全可靠的计算服务。详情请参考：腾讯云云服务器（CVM）
相关·内容
我正在尝试用tailwind CSS(v2.2.15) group and group-hover类构建一个下拉列表。当我直接在HTML中使用它们时，它工作得很好。但是当我在带有@apply的自定义类中使用它时，它不起作用。自定义类： .dropdown-container {}
@apply absolute我还扩展了
浏览 18提问于2021-10-24得票数 0
我在我们公司的项目中添加了尾风CSS。这是一个5-6岁的代码库，它已经使用了引导CSS +自定义引导主题。我的顺风JS配置文件如下所示：
我需要推翻那些选择器的特异性。如何使用顺风CSS实现这一点？
浏览 7提问于2022-04-18得票数 1
1回答
我使用顺风css作为我的造型。我找到了图像必须遵循的圆形路径，以及关键帧样式。如何在顺风配置文件中配置这种样式并在我的项目中使用 <circle class="marker" r="1" fill="orange"></circle></svg>b
浏览 1提问于2021-11-29得票数 1
我只想在我的自定义css类中使用顺风css默认颜色。就像。li.active{}
我正在使用顺风css与下一个js。
浏览 5提问于2021-09-20得票数 1
回答已采纳
在点击，我什么加svg消失。我签入了控制台，函数运行良好，类“可见”被删除，类“不可见”被添加。但是在UI中，Plus svg并没有消失。“不可见”是尾风中的一个类，应该将一个项隐藏起来。
浏览 2提问于2022-06-01得票数 3
1回答
有人能告诉我用尾风CSS制作背景图像的正确方法吗？我想创建一个圆圈作为纹理的背景。我很成功，但正如你在图片中看到的，背景有一个边框。
我不太确定我的方式是否正确，请告诉我。谢谢。<img src="img/team.svg" class="w-full" /> </div></div>
CSS
浏览 3提问于2022-03-14得票数 2
我使用一个api来获得一个bg tailwind类，并使用它来对元素进行样式化。类文本将被添加到元素的类列表中，但是这个类的样式不适用于我的元素。/index.css"; }; export default MyApp;
我在导航组件中使用这个
浏览 9提问于2022-07-31得票数 0
回答已采纳
3回答
我正在使用尾风CSS和引导(ngx-引导)在同一个角度项目。在大多数情况下，他们相处得很好。然而，当谈到填充和利润率，他们打得像兄弟姐妹一样。我想用尾风填充，因为它是一致的。例如，类p-X是X乘以0.25rem，但是有了引导，它就到处都是。令人讨厌的是，Bootstrap将!important放在任何地方。utilities.css来自尾风，_spacing.scss来自Bootstrap。
有方便的办法解决这个问题吗？
浏览 11提问于2022-04-02得票数 1
回答已采纳
/’)}}) .vue() .version() .browserSync('127.0.0.1:8000')；
“顺风基础”；“顺风组件”；“顺风公用设施”；
@import tailwindcss/base;@importtaildindcss/utilities;
进入app.scss，但是顺风类
浏览 11提问于2022-03-18得票数 1
现在我们在主分支中安装顺风css，我还在tailwind.config.js中添加了内容路径。完美的工作..。但现在的问题是从顺风类中得到一些重写的引导.当我从global.css中移除@顺风基时，组件、实用程序就可以正常工作了。但是，在添加了这些行之后，引导程序就不再起作用了，这就出现了一些顺风类。
浏览 1提问于2022-02-17得票数 0
回答已采纳
有两个Intellij插件确实为顺风添加了一个代码完成--但是当我开始自定义tailwind.config.js文件时，它们失败了，因为它们只建议基于默认的顺风配置的类(它们不识别我自己的类，并且建议那些类不再可用我可以让一个非常类似的设置与react的nextjs一起工作--因为这个框架在.next文件夹中创建了一个输出css文件，而IDEA可以使用这个文件。这给了我灵感，所以我尝试删除@nuxtjs/tailwindcss模块，并通过<e
浏览 4提问于2020-03-03得票数 0
回答已采纳
大多数教程和文章都使用了在styles.scss中导入顺风依赖项的方法 @import 'tailwindcss/base';@import'tailwindcss/utilities'; 然后在custom -COMPOMENTS.css或全局级别的某个单独文件中使用@apply函数编写自定义样式。但是如果我想在我的组件作用域样式中使用@appl
浏览 28提问于2020-03-31得票数 7
1回答
我试图在我的项目中使用顺风css，看起来只是字体的改变，但对类的使用没有影响。
对于构建styles.css</e
浏览 2提问于2022-01-04得票数 0
回答已采纳
我正在建设一个网站，顺风作为一个css框架，但我遇到了一个问题，当我试图使用媒体查询前缀的顺风(sm:，lg:等)引发此错误：
@apply不能与.sm\:一起使用，因为.sm\:要么找不到，要么它的实际定义包括一个伪选择器如果您确信.sm\:存在，请确保在Tailwind看到您的CSS之前，任何@import语句都被正确处理，因为@apply只能用于同一CSS树中的类。有人能解释一下如何在自己的自定义类中使用这些
浏览 1提问于2020-12-02得票数 3
回答已采纳
1回答
我有一个vs代码扩展问题，它使我在输入顺风CSS时感到沮丧。
当我开始键入单词后，在类中随机地搜索并键入类。下面是输入“顺风CSS”属性之后：请帮我解决这个问题
浏览 2提问于2021-07-19得票数 0
我想在我的Gridsome项目中使用顺风应用功能。但是抛出错误，找不到来自顺风的css类。重现步骤：2)安装顺风插件 import "~/assets/style.css"5)<
浏览 5提问于2019-08-01得票数 2
当我构建(netflify build)我的Gridsome个人网站时，顺风CSS类不起作用，网站看起来就像没有CSS一样。 siteName: 'Zolder | Works', css
浏览 3提问于2019-09-14得票数 2
我可以使用预定义的tailwind类来设置颜色，例如：但我也希望在我的自定义CSS中使用相同的颜色，例如： border: 1px solid $purple-500;在CSS中可以得到顺风颜色值吗？
浏览 4提问于2021-05-28得票数 1
回答已采纳
由于我希望将自定义组件放入单个文件中并在SCSS中编写它们，因此我的顺风配置文件如下所示 // tailwind.scss@tailwind components;
@tailwind utilities; 虽然使用vue-cli-service serve提供应用程序或使用vue-cli-service build构建应用程序效果很好，但我错过了我的IntelliJ想法中所有顺风类的自动补全功能我的想法是引入一个npm脚本来构建完整
浏览 57提问于2020-06-18得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
