微信小程序: 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
}
相关推荐
小岛前端2 小时前
🔥Vue3 移动端组件精选!满足各种场景!
前端·vue.js·微信小程序
cesske3 小时前
uniapp 编译支付宝小程序canvas 合成图片实例,支付宝小程序 canvas 渲染图片 可以换成自己的图片即可
小程序·uni-app·apache
從南走到北6 小时前
JAVA代泊车接机送机服务代客泊车系统源码支持小程序+APP+H5
java·开发语言·微信小程序·小程序
木易 士心12 小时前
组织架构树形选择组件使用说明(Vue3 + UniApp)
微信小程序·钉钉·notepad++
软件技术员13 小时前
微信小程序电子测宅堪墓风水罗盘
微信小程序·小程序
future_studio13 小时前
聊聊 Unity(小白专享、C# 小程序 之 播放器)
unity·小程序·c#
Q_Q51100828513 小时前
python+uniapp基于微信小程序的旅游信息系统
spring boot·python·微信小程序·django·flask·uni-app·node.js
小Tomkk14 小时前
Rokid 开发空间小程序 实战
3d·小程序·rokid·jsar
说私域14 小时前
基于多模态AI技术的传统行业智能化升级路径研究——以开源AI大模型、AI智能名片与S2B2C商城小程序为例
人工智能·小程序·开源
2501_9160074715 小时前
iOS 混淆工具链实战,多工具组合完成 IPA 混淆与加固(iOS混淆|IPA加固|无源码混淆|App 防反编译)
android·ios·小程序·https·uni-app·iphone·webview