微信小程序样式-元素选择器的使用

版权声明:摇亿.黄菊华 https://blog.csdn.net/u013818205/article/details/85838475

CSS 元素选择器
最常见的 CSS 选择器是元素选择器。换句话说,文档的元素就是最基本的选择器。
如果设置 HTML 的样式,选择器通常将是某个 HTML 元素,比如 p、h1、em、a,甚至可以是 html 本身:

html {color:black;}
h1 {color:blue;}
h2 {color:silver;}

别名-类型选择器
在 W3C 标准中,元素选择器又称为类型选择器(type selector)。
“类型选择器匹配文档语言元素类型的名称。类型选择器匹配文档树中该元素类型的每一个实例。”
下面的规则匹配文档树中所有 h1 元素:

h1 {font-family: sans-serif;}

小程序中的应用
Wxml代码

<view>
  <text>文本</text>
</view>

Wxss代码

/* 元素选择器 */
page{
  background-color:  gainsboro;
}
view{
 background-color:  aliceblue;
}
text{
  background-color:  burlywood; color: red;
}

效果图如下
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/u013818205/article/details/85838475