小程序样式课程-第4课-类选择器语法

.center {text-align: center}

<h1 class="center">

This heading will be center-aligned

</h1>

<p class="center">

This paragraph will also be center-aligned.

</p>

<view class='myclass01'>

    <text >普通文本</text>

</view>

<view class='myclass02'>

    <text >普通文本</text>

</view>

<view>

    <text  class='myclass03'>普通文本</text>

</view>

/* 元素选择器 */

page{

  background-color:  gainsboro;

}

view{

 background-color:  aliceblue;

}

/* id选择器 */

.myclass01{

  color: red;

}

.myclass02{

  color:purple;

}

.myclass03{

  color:blue;

}