此时使用:last-child选择器定义样式是失效的,搜了一下有很多博客写因为.pointer 下方还有同级元素,wx:for(.pointer)的外层包一层view就可以了。试了一下有效果。于是搜了搜:last-child选择器的匹配原则, .fooClass:last-child 匹配顺序: 第一,查找.fooClass其父级的所有同级子元素;第二,在同级元素中找到最后一...
CSS 样式 .c-cell:last-child::after { display: none; } 就是想最后一个 cell 的border 不显示而已 解决前 然而直接这样,导致每一个 cell 的border 都消失了,也就是说,每一个 cell 都变成了 last-child 查看实际渲染 HTML 如下: 为什么,狂搜一顿没有想要都结果... 文档 偶然瞄见,虚拟化组件节点:...
CSS 样式 .c-cell:last-child::after{display:none;} 就是想最后一个cell的border不显示而已 解决前 然而直接这样,导致每一个cell的border都消失了,也就是说,每一个cell都变成了last-child 查看实际渲染HTML如下: 文档 偶然瞄见,虚拟化组件节点: 默认情况下,自定义组件本身的那个节点是一个“普通”的节点,使...
/* :last-child */ .zan-btn--last-child, .zan-btn:last-child { margin-bottom: 0; margin-right: 0; } 3 changes: 2 additions & 1 deletion 3 dist/cell/index.wxss Original file line numberDiff line numberDiff line change @@ -25,7 +25,8 @@ color: #666; } .zan-cell--last-...
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{2color:blue;3} 这种写法在微信小程序是无法生效的 解决办法: html 1<viewclass="box">2<view>3<viewclass="floor">4一楼5</view>6<viewclass="floor">7二楼8</view>9<viewclass="floor">10三楼11</view>12<viewclass="floor">13四楼14</view>15</view>16</view> ...
循环是 <view><text>123</text></view> ...<view><text>234</text></view>每个view里面有且只有一个text,text不就是last-child吗? 所以每个都生效了 有用 回复 Pader 2018-05-26 小程序就是不支持 :last-child,小程序本身支持的选择器形式很少。 有用 回复 请登录 后发表内容 ...
经过测试,小程序对于:first-child、:last-child、.class-a .class-b{},甚至更多层级的嵌套都是支持的。 不过官方并不推荐级联的这种写法,因为考虑到后面切Native的扩展可能,会没办法支持级联选择。 所以保险起见,不建议.class-a .class-b{}这种级联的写法,以免后期工具过滤导致页面错乱。
经过测试,小程序对于:first-child、:last-child、.class-a .class-b{},甚至更多层级的嵌套都是支持的。 不过官方并不推荐级联的这种写法,因为考虑到后面切Native的扩展可能,会没办法支持级联选择。 所以保险起见,不建议.class-a .class-b{}这种级联的写法,以免后期工具过滤导致页面错乱。
last-child {23border-bottom: none;24}2526.books .item text {27text-overflow: ellipsis;28white-space: nowrap;29overflow: hidden;30}3132.books .item text:first-child {33width: 80rpx;34}3536.books .item text:nth-child(2) {37width: 180rpx;38}3940.books .item text:nth-child(3) {41...