微信小程序＜view＞＜/view＞容器嵌套，wxss样式修改内部内部样式不产生效果-Toy模板网

这篇具有很好参考价值的文章主要介绍了微信小程序＜view＞＜/view＞容器嵌套，wxss样式修改内部内部样式不产生效果。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

网上关于”微信小程序讲的知识很少“，微信开发文档对于新手不是很友好，但是建议一定要学会看文档。

问题如下：

我写了好几个<view></view> 容器嵌套，我在对内部容器包括的内容做修改时，不产生效果，后来发现这是因为引用方式有误。

’

<view> 示例二</view>

  <view class = "action">

    <view class="item">

      <view class="title"> 来自秦岭山区最天然的馈赠</view>

    <view class = "tips">

      <view class = "staus">2023-5-6</view>

      <view class = "count">111次围观</view>

    </view>

      <view class= "picture">

       <image src = "/static/design/baskt.jpg">

       </image>

       </view>

       <view class = "min-image">

        <image src = "/static/design/baskt.jpg"></image>

        <image src = "/static/design/baskt.jpg"></image>

        <image src = "/static/design/baskt.jpg"></image>

        <image src = "/static/design/baskt.jpg"></image>

       </view>



   </view>

</view>

同一组标签我用相同彩色笔，给大家勾画出来了，大家也看到了，这种存有标签类语言，一定要看好标签匹配名，多或者少都会出错。

wxss嵌套,python进阶,微信小程序,小程序

对title中的内容设置了，大小，字体粗细:

wxss嵌套,python进阶,微信小程序,小程序

不知道大家发现了没，我执行了却没有反映：

wxss嵌套,python进阶,微信小程序,小程序

这是为什么，这是因为，<view> </view> ,容器层级引用是这样的

.action .item .title{

  font-size: 50rpx;

  font-weight:  800;

}

而不是

.action.item.title{

  font-size: 50rpx;

  font-weight:  800;

}

上层标签名和下层标签名之间除了加上 . 之外还有在点之前留有空格