1、概述
微信小程序中的样式是css,微信管自己叫wxcss。学一点css总是要的,被绕的也是云里雾里的。以实际中看到的记录为准
2、典型选择器
选择器 | 语法 | 说明 |
---|---|---|
ID选择器 | #id | <div id="first"></div> |
类选择器 | .classname | <div class="first"></div> |
子选择器 | e1>e2 | |
相邻择器 | e1+e2 | |
属性选择器 | e1[attr] | |
包含(后代)选择器 | e1 e2 | 后代选择器可以选择作为某元素后代的元素。 |
分组选择器 | e1,e2 |
3、记录
空格的区别
//后代选择器,选择的是.example内的.pp。
.example .pp{
color: orange;
}
<div class="example">
<p class="pp">被选择的元素</p>
</div>
//选择器且的关系,选择的是class中同时包含example和pp的元素。
.example.pp2 {
color: green;
}
<div class="example pp2">被选择的元素</div>
使用上的空格
<div class="example pp2">被选择的元素</div>
//可以是从且关系的两个选择器中来的, 也可以表示是单独的两个选择器来的