小程序可以用js动态改变css伪元素的样式吗?

小程序 文章 2020-08-11 11:41 1262 0 全屏看文

AI助手支持GPT4.0

小程序可以用js动态改变css伪元素的样式吗?Can applets use js to dynamically change the style of CSS pseudo-elements?

小程序可以用js动态改变css伪元素的样式吗?

小程序可以用什么方式动态改变css伪元素的样式?做自定义组件需要用到。

How can applets dynamically change the style of CSS pseudo elements? Custom components need to be used.

回答:

🔥👦👔👖:

可以这么玩:

wxss:.oneSty:first-line{ color:black;font-size:32rpx;}

.twoSty{ color:gray; font-size:24rpx;}

wxml: 测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据测试数据

🔥👦👔👖:class="{{type?'oneSty':'twoSty'}}"
卢霄霄:

不能动态随意改变,都要预设,好可以动态给父组件或自己加类,来调整。如果变动多的话,还是用普通 view 标签去代替吧

风轻云淡:

可以,

例如在组件加个style=“color:{{a}}”

在js中改变a

🔥👦👔👖:要审题哦,他说的是伪元素
木有鱼丸:所以啥叫伪元素
🔥👦👔👖:例如     :first-line这个就是伪元素

-EOF-

AI助手支持GPT4.0