码迷,mamicode.com
首页 > Web开发 > 详细

小程序css样式不生效

时间:2018-07-03 16:39:30      阅读:338      评论:0      收藏:0      [点我收藏+]

标签:没有   div   使用   有关   css样式   bsp   优先   关系   view   

当一个元素使用多个class时我们一般这样写:

<view class="box1 box2"></view>
<div class="box1 box2"></div>

假设box1里有个 margin:5px

  box2有个 margin:10px

那么浏览器会渲染哪个呢?

其实渲染优先级跟你使用的时候顺序没有关系(class="box1 box2"或者class="box2 box1")

跟你的css定义有关系:

.box2{
   margin:10px;      
}
.box1{
   margin:5px;      
}

在css定义里面,后者会覆盖前者

 

小程序css样式不生效

标签:没有   div   使用   有关   css样式   bsp   优先   关系   view   

原文地址:https://www.cnblogs.com/momen/p/9258991.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!