微信小程序样式基础

样式选择器

基本选择器

基本选择器

css选择器

伪类选择器

CSS伪类选择器

http://www.w3school.com.cn/css/css_pseudo_classes.asp

/**index.wxss**/
.body{
  height:30%;
  width: 30%;
  background-color: royalblue;
}
.image{
  height: 100%;
  width: 100%;
  /* border:seashell 1px solid;  */
  background-color: white; 
  /* margin:10rpx; */
  /* padding:50rpx; */
  text-align: center;
  border-radius: 50%;

}
.body:active{
  height:30%;
  width: 30%;
  background-color: rebeccapurple;
}
view{
  background-color: seashell;
  border-radius: 20px;
}
view text{
  color:blue;
  font-size:35px;
  font-family: Cambria, Cochin, Georgia, Times, Times New Roman, serif;
}
text::first-letter{
  color:yellow;
}