wxss--外联样式与内联样式

外联样式

有样式表a.wxss和index.wxss如下：

/**a.wxss**/
.container1{
  border: 1px solid #000;
}

/**index.wxss**/
.container1{
  color: red;
}

若想在index.wxss中引入a.wxss,则只需在index.wxss中使用语句@import"./a.wxss";即可，此时index.wxss如下：

/**index.wxss**/
@import"./a.wxss";
.container1{
  color: red;
}

内联样式

使用属性style进行内联样式, 如下所示：

<!--index.wxml-->
<view style="width:500rpx; height:30px; background-color:{{colorvalue}};">The weather is good today</view>

//index.js
//获取应用实例
const app = getApp()

Page({
  data:{
    colorvalue:'red'
  }
})

style常用于动态样式，class常用于静态样式。

wxss--外联样式与内联样式

原文：https://www.cnblogs.com/youcoding/p/12360655.html