引用页面或父组件的样式不生效?
发布于 5 年前 作者 jingyan 4798 次浏览 来自 官方Issues

代码片段 https://developers.weixin.qq.com/s/XdB76fmm7qiy

引用父组件样式失败,哪个大佬能教教我?

如果在一个组件的父组件 wxss 中定义了:

.red-text {
  color: red;
}

在这个组件中可以使用 ^ 来引用这个类的样式:

<view class="^red-text"> 这段文本是红色的 </view>

也可以连续使用多个 ^ 来引用祖先组件中的样式。

就是这个用不来

1 回复

没好好看文档,

文档说的很清楚,你可以再仔细看看,你的代码有两处错误:

  1. 那个例子是在样式隔离的情况下,而你写的 styleIsolation的值为appley-shared
  2. 页面影响组件,需要用 ~ 符号,组件内的嵌套才用 ^。而你写的例子是页面的组件,为啥用^符号呢
回到顶部