微信小程序 组件引用wxss样式错乱，Some selectors are not allowed in component wxss, including tag name selectors, I

最新推荐文章于 2023-12-19 01:11:53 发布
最新推荐文章于 2023-12-19 01:11:53 发布
阅读量3.3w 收藏 8
点赞数 18
分类专栏： 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/xyphf/article/details/90045372
版权
本文分享了在微信小程序开发中遇到的样式错乱问题及解决方案。作者在组件引用后发现样式异常，通过查阅官方文档得知是由于版本过低导致，升级版本后问题得以解决。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

今天做微信小程序，在组件引用过程中出现了样式错乱，在没引用之前都是好好的。

只见有这样的警告：

Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors.

找了好久，百度了一圈，最终还是看官方文档吧，原来是版本太低了，建议设置高版本就可以了。

https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html

版本设置如下：

第一步：

如：

微信小程序样式错乱
标题

这样就正常了

 

 

 

 

 

 

 

微信开发者工具Some selectors are not allowed in component wxss警告报错
weixin_47681230的博客
12-05 1万+
微信开发者工具Some selectors are not allowed in component wxss警告报错 这警告的意思是“wxss组件中不允许使用某些选择器，包括标记名选择器、ID选择器和属性选择器。” 而在微信小程序开发文档中提到“子元素选择器（.a>.b）只能用于 view 组件与其子节点之间” 看一下报错所提示的位置：./components/compA/comp-a.wxss 报错代码如下： .comp-a{ font-size: 25px; } .comp-a &g
微信小程序组件样式警告问题：Some selectors are not allowed in component wxss, including tag name selectors......
Shivy_的博客
10-17 1744
微信小程序组件样式警告问题：Some selectors are not allowed in component wxss, including tag name selectors......
解决：Some selectors are not allowed in component wxss, including tag name selectors, ID selectors
倚楼听风雨的博客
11-22 1万+
微信小程序中的 wxss 文件主要用于定义组件的样式。它支持类选择器、样式选择器、属性选择器、伪类选择器等，但不支持标签名选择器和ID选择器。这是由于微信小程序本身的限制，其设计原则上鼓励开发者使用类名来管理样式，而不是依赖于元素的标签名或ID。所以，如果你在 wxss 中使用了标签名选择器或ID选择器，你会收到一个错误信息，提示你这些选择器是不被允许的。你遇到的问题是在微信小程序的组件样式（wxss）中，有一些选择器是不被允许的，包括标签名选择器、ID选择器。/*更正后的代码*/
Some selectors are not allowed in component wxss, including tag name selectors, ID selectors,and...
川川的博客
01-17 5443
我出现这个问题的原因是在组件的样式中使用了button { } 这个异常的原因是 解决方法 在组件的Component中添加 options: { addGlobalClass: true, }, 然后将组件中出现问题的样式剪切到使用该组件的page的样式中，我出现问题的样式是button { } 警告就解除了。 设置addGlobalClass: true 或者apply-shared 表示页面 wxss 样式将影响到自定义组件，但自定义组件 wxss 中指定的样式不会影响页面 .
Some selectors are not allowed in component wxss, including tag name selectors, ID selectors,
RubyLinT的博客
10-25 6131
Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors.(路径)This wxss file is ignored. 这个提示是组件里样式使用问题 组件和引用组件的页面不能使用id选择器（#a）、属性选择器（[a]...
wxss 设置了 page样式 警告Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors.
11-25
根据提供的引用内容，wxss中不允许使用标签名选择器、ID选择器和属性选择器等选择器。如果在组件wxss中使用了这些选择器，就会出现警告信息。因此，如果设置了page样式并且出现了警告信息，需要检查wxss文件中是否...
Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors.
11-01
这个引用提到了在组件的wxss文件中，不能使用标签名选择器、ID选择器和属性选择器等选择器。这是因为组件和引用组件的页面不能使用这些选择器，需要改用class选择器。同时，子元素选择器只能用于view组件与其子节点...
[pages/index/signature] Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors
03-24
这是一个关于微信小程序组件 wxss 中不允许使用某些选择器的问题。这可能是因为微信小程序的安全限制，以确保组件的样式不会影响到其他页面或组件。为了解决这个问题，您可以使用 class 选择器来代替 ID 选择器和...
Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and at
热门推荐
noname666的博客
11-15 8万+
微信小程序开发组件的时候，提示 VM414:2 Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors.(./pages/founding/founding.wxss:288:3)This wxss file is...
报错：Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and
wzg0817的博客
08-30 8362
文章首发观看更佳 报错：Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selector 官网给出的解释是：https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html 组件样式 组件对应 wxss 文件的样式，只对组.
小程序自定义组件报错：Some selectors are not allowed in component wxss, including tag name selectors...
lizhongyang21的博客
10-15 4万+
VM3564:1 Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors.(./components/componentLabel/index.wxss:3:1)This wxss file is ignored. 以...
解决Some selectors are not allowed in component wxss, including tag name selectors, ID selectors,
最新发布
YG_b215的博客
12-19 752
报错Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors.(./components/registration/registration.wxss:4:1)同时组件和引用组件中也不能用属性选择器和标签名选择器，后代选择器会有非预期表现，请避免使用。为了减少问题，建议大家使用一直使用class类选择器。
微信小程序警告：Some selectors are not allowed in component wxss, including tag name selectors, ID selectors
zero___1的博客
07-22 6776
小程序警告： Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors 解决办法：把组件中的wxss的标签选择器（text）和id（#id）全部换成属性选择器（.class）
Some selectors are not allowed in component wxss, including tag name selectors, ID selectors
weixin_47597807的博客
05-08 2018
这个警告是因为小程序的组件中不建议用除了class选择器以外的选择器，只要将组件中css的选择器全部改为class选择器就ok啦
【小程序】微信开发者工具警告：Some selectors are not allowed in component wxss
fanxin12138的博客
10-18 4679
微信小程序组件wxss中不允许使用某些选择器，包括标签选择器、ID选择器和属性选择器等。
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值