定位和伪类选择器踩坑

1.在父元素position:relative相对定位后
对子元素position:absolute绝对定位，如果没有指定width，会显示空白，如果同时设置left和right，相当于默认计算一个width，则可以正常显示

2.微信小程序：:first-child踩坑

 <view class="box">
   <view class="floor">
     一楼
   </view>
   <view class="floor">
     二楼
   </view>
   <view class="floor">
     三楼
   </view>
   <view class="floor">
     四楼
   </view>
 </view>

 .floor:last-child{
     color: blue;
 }

这样选择无效 改成下面这种形式可正常选择

 .floor view:last-child{
     color: blue;
 }

或者

 .floor :last-child{
     color: blue;
 }

3.要使opacity只对背景起效果不影响盒子内的图片和文字，则不能直接写成opacity：0.5这种形式，改写成 background: rgba(0,0,0,0.5);这种形式，则只会对背景色起效果不会再影响其他盒子和元素。