微信小程序——css样式之选择器

选择器

基本选择器

• 元素选择器 elementname(元素名称)
• 类选择器 .classname(类名)
• ID 选择器 #idname(ID 名)

view{
  color: red;
}

.class{
  color: blue;
}

#identified{
  color: aqua;
}

text#identified{
  color: orangered;
}

<view>view</view>
<view class="class">view 带 class</view>
<view id="identified">view 带 id</view>
<text id="identified">text 带 id</text>

组合选择器

• 相邻兄弟选择器 A + B
• 普通兄弟选择器 A ~ B
• 子选择器 A > B
• 后代选择器 A B

相邻兄弟选择器 (+)

介于两个选择器之间，当第二个元素紧跟在第一个元素之后，并且两个元素都是属于同一个