在练习使用小程序列表页的样式时发现了:last-child偶尔失效。如图: 左侧目标样式;右侧遇到last-child失效 目标样式:最后一项想要红色背景、底部边距0。左图效果 开发过程中实际效果:last-child失效。右图效果。 具体如下: demo.wxml代码如下: <!--pages/demo/demo.wxml--> <view class="viewClass"> here is vi...
5<view class="floor"> 6⼆楼 7</view> 8<view class="floor"> 9三楼 10</view> 11<view class="floor"> 12四楼 13</view> 14</view> css 1.floor:last-child{ 2 color: blue;3 } 这种写法在微信⼩程序是⽆法⽣效的 解决办法：html 1<view class="box"> 2<view> 3<view class...
1 .floor:last-child{ 2 color: blue; 3 } 这种写法在微信小程序是无法生效的 解决办法: html 1 <view class="box"> 2 <view> 3 <view class="floor"> 4 一楼 5 </view> 6 <view class="floor"> 7 二楼 8 </view> 9 <view class="floor"> 10 三楼11 </view> 12 <view class="floor...
.c-cell:last-child::after{display:none;} 就是想最后一个cell的border不显示而已 解决前 然而直接这样,导致每一个cell的border都消失了,也就是说,每一个cell都变成了last-child 查看实际渲染HTML如下: 文档 偶然瞄见,虚拟化组件节点: 默认情况下,自定义组件本身的那个节点是一个“普通”的节点,使用时可以在...
DOM 结构 CSS 样式 就是想最后一个 cell 的 border 不显示而已 解决前 然而直接这样,导致每一个 cell 的 border 都消失了,也就是说,每一个 ...
循环是 <view><text>123</text></view> ...<view><text>234</text></view>每个view里面有且只有一个text,text不就是last-child吗? 所以每个都生效了 有用 回复 Pader 2018-05-26 小程序就是不支持 :last-child,小程序本身支持的选择器形式很少。 有用 回复 请登录 后发表内容 ...