微信小程序: including tag name selectors, ID selectors, and at

微信小程序报错:

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

1、组件和引用组件的页面不能使用 id 选择器(#a)、属性选择器([a])和标签名选择器,请改用 class 选择器。

2、组件和引用组件的页面中使用后代选择器(.a .b)在一些极端情况下会有非预期的表现,如遇,请避免使用。

3、子元素选择器(.a>.b)只能用于 view 组件与其子节点之间,用于其他组件可能导致非预期的情况。

4、继承样式,如 font 、 color ,会从组件外继承到组件内。

5、除继承样式外, app.wxss中的样式、组件所在页面的的样式对自定义组件无效(除非更改组件样式隔离选项)。

我们项目排查出来问题是因为在写样式的时候我们直接将组件迭代名当成class来使用了

TypeScript 复制代码
.other-info image{
    color: red
}

这里直接给image组件声明一个class选择器名称就好

TypeScript 复制代码
<view class="other-info">
    <image src="http://www.kingbal.com"  class="qiming"/>
</view>


.other-info .qiming{
    color: red
}
相关推荐
赵庆明老师29 分钟前
Uniapp微信小程序开发:微信小程序支付功能后台代码
微信小程序·小程序·uni-app
00后程序员张3 小时前
tcpdump 抓包分析,命令、过滤技巧、常见症状定位与移动真机补充方案
网络·测试工具·ios·小程序·uni-app·iphone·tcpdump
会点法律的程序员5 小时前
小程序 地理位置授权怎么搞
前端·小程序·uni-app
FliPPeDround6 小时前
告别 uni-app 启动烦恼:@uni-helper/unh 让开发流程更顺畅
前端·微信小程序·uni-app
2501_915921439 小时前
iOS 26 电耗监测与优化,耗电问题实战 + 多工具 辅助策略
android·macos·ios·小程序·uni-app·cocoa·iphone
2501_915921439 小时前
苹果软件混淆与 iOS 应用加固白皮书,IPA 文件加密、反编译防护与无源码混淆方案全解析
android·ios·小程序·https·uni-app·iphone·webview
@二十六9 小时前
微信小程序订阅消息工具封装,兼容一次性订阅和长期订阅
微信小程序·小程序·订阅消息
dcloud_jibinbin10 小时前
【uniapp】体验优化:开源工具集 uni-toolkit 发布
前端·webpack·性能优化·小程序·uni-app·vue
用力的活着11 小时前
uniapp 微信小程序蓝牙接收中文乱码
微信小程序·小程序·uni-app
流***陌11 小时前
陪诊陪护小程序前端功能解析:就医照料的便捷对接与全流程保障
小程序