android工程师学习微信小程序笔记② WXSS选择器和优先级

前言

作为一个传统出身的Android开发搬砖工程师，由于工作需要以及历史推进，最近一年的工作都在写小程序。作为习惯于总结经验的我来说，在研究官方文档之余还是觉得应该写写笔记，作为学习记录。所以接下来一段时间都会写写一些关键记录。

选择器

目前支持

目前，习惯性工作中，使用类选择器的比例基本上占了 90%以上。

WXSS优先级

• 权重越高越优先（其实可以理解为同样去操作一个view，优先级低先执行，优先级高后执行，同样的属性，优先级高会覆盖掉优先级低）。
• 在优先级相同的情况下，后设置的样式优先级高于先设置的样式。

官方例子（WXSS 选择器优先级权重）：

view{ // 权重为 1
  color: blue
}

.ele{ // 权重为 10
  color: red
}

#ele{ // 权重为 100
  color: pink
}

view#ele{ // 权重为 1 + 100 = 101，优先级最高，元素颜色为orange，覆盖掉了blue、pink
  color: orange
}

view.ele{ // 权重为 1 + 10 = 11，覆盖掉了blue、red
  color: green
}