解决:Some selectors are not allowed in component wxss, including tag name selectors, ID selectors

你遇到的问题是在微信小程序的组件样式(wxss)中,有一些选择器是不被允许的,包括标签名选择器、ID选择器。

微信小程序中的 wxss 文件主要用于定义组件的样式。它支持类选择器、样式选择器、属性选择器、伪类选择器等,但不支持标签名选择器和ID选择器。这是由于微信小程序本身的限制,其设计原则上鼓励开发者使用类名来管理样式,而不是依赖于元素的标签名或ID。

所以,如果你在 wxss 中使用了标签名选择器或ID选择器,你会收到一个错误信息,提示你这些选择器是不被允许的。

解决方案是:

  1. 将标签名选择器或ID选择器更改为类选择器。
  2. 如果需要针对特定元素应用样式,可以添加一个独特的类名,然后在 wxss 中使用这个类名作为选择器。

例如,假设你有以下的错误代码:

 
  

css

1 /*错误的代码*/
2 #my-id {
3 color: red;
4 }

你可以将其修改为:

 
  

css

1 /*更正后的代码*/
2 .my-class {
3 color: red;
4 }

然后在你的 wxml 文件中为需要应用该样式的元素添加类名:

 
  

html复制

1
2 这是一些文本

这样就可以解决你的问题了。

你可能感兴趣的:(前端)