微信小程序first-child 和 last-child 失效如何解决?

摘要:
问题html1<9三楼10<12第四层13<Css1.floor:最后一个孩子{2color:blue;3}这种书写方法在微信小程序中不起作用:html1<viewclass=“box”>7第二层8<viewclass=“floor”>15<16</视图>包裹地板这部分的外部,以便另一层执行

问题情况

html

 1 <view class="box">
 2   <view class="floor">
 3     一楼
 4   </view>
 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="floor">
 4             一楼
 5           </view>
 6           <view class="floor">
 7             二楼
 8           </view>
 9           <view class="floor">
10             三楼
11           </view>
12           <view class="floor">
13             四楼
14           </view>
15        </view>
16 </view>

在楼层这一部分的外部再包裹一层,就可以执行了

免责声明:文章转载自《微信小程序first-child 和 last-child 失效如何解决?》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Android : iperf-2.0.4 网络测试工具MFC学习之Radio---MFC Radio按钮组的使用例子下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Django——缓存机制

一、缓存介绍 缓存就是将常用的一些数据保存在内存或者们擦车中,在一定时间内,如果有请求访问这些数据的时候,则不用去服务器操作数据库渲染,直接缓存中获取,节约时间,增加访问速度,环节服务器压力 二、Django中的6种缓存方式 开发调试缓存 内存缓存 文件缓存 数据库缓存 Memcache缓存 Memcache缓存 三、Django缓存配置 1.2.1...

分享一个递归无限级拼接Json的方法---ExtJs的TreePanel和TreeGrid均适用(Ef,Lambda,Linq,IQueryable,List)

话不多说,先上实体类,如果你不是codefirst,就把它当成数据表结构。 下面是底层BaseDal获取数据的方法  (如果你没有Base类,直接写在你的DAL层和BLL层) 下面是BaseService的方法 下面方法用于拼接字符串 主体方法-- /// <summary> /// 得到****TreeGrid****...

ts中泛型、泛型方法、泛型类、泛型接口

什么是泛型呢?我们可以理解为泛型就是在编译期间不确定方法的类型(广泛之意思),在方法调用时,由程序员指定泛型具体指向什么类型。泛型在传统面向对象编程语言中是极为常见的,ts中当然也执行泛型,如果你理解c#或java中的泛型,相信本篇理解起来会很容易。 泛型函数、泛型类、泛型接口。 08_generic.ts /* * ts中泛型 * 泛型就是在编译期间不确...

vue 使用vuedraggable 实现列表拖拽排序

首先安装  npm install vuedraggable --save 页面使用时引入import Draggable from 'vuedraggable' export default { name: "draggable", components: { Draggable }, data(){ return {...

vmware已经全面支持open-vm-tools

以后不用再为vmware vm单独安装vmware-tools了,vmware已经全面支持open-vm-tools, 今天突然发现安装vmware-tools时出现deprecated提示,原来vmware已经推荐用open-vm-tools代替vmware-tools了, 赞一个. 原文: http://kb.vmware.com/selfservic...

网页窗口logo图标设置

网站上的logo实际上是一个“**.ico”图片,比如说favicon.ico。实现步骤:第一步:制作favicon.ico,大小一般为16*16毫米(ico图片制作网址http://www.ico.la/);第二步:将“favicon.ico”放到项目的某个路径下。第三步:在所有html页面head中添加如下代码。 //收藏用logo图标 <lin...