css 选择器

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>

//可以是从且关系的两个选择器中来的， 也可以表示是单独的两个选择器来的