小程序 三、wxss文件

内联样式 

小程序支持动态更新内联样式
<!-- index.wxml-->
<!--可动态变化的内联样式-->
{
    titleBackgroundColor:'red',
    titleFontSzie:'48rpx'
}
<view style="color:{{titleBackgroundColor}};font-size:{{titleFontSize}}"></view>

选择器

类型	选择器	样例	样例描述
类选择器	.class	.intro	选择拥有class="intro"的组件
id选择器	#id	#firstname	选择拥有id="firstname"的组件
元素选择器	element	view checkbox	选择所有文档的view组件和多有check组件
伪元素选择器	::after	view::after	在 view组件后边插入内容
伪元素选择器	::before	view::before	在view组件前边插入内容

 

 

 

 

 

 

  

WXSS选择器优先级权重

view{//权重为1
  color:blue
}
.ele{//权重为10
  color:red
}
view.ele{
  color:green
}
#ele{//权重为100
  color:pink
}
view#ele{//权重为101
  color:orange
}