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

太过爱你忘了你带给我的痛 2024-02-19 15:24 52阅读 0赞

微信小程序交流群：111733917 | 微信小程序从0基础到就业的课程：[https://edu.csdn.net/topic/huangjuhua][https_edu.csdn.net_topic_huangjuhua]

**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代码**

**Wxss代码**

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

效果图如下  
![在这里插入图片描述][20190105104237940.png]

[欢迎大家收看我的视频课程 ： 微信小程序界面设计-样式入门到精通][_ _-]  
![微信小程序界面设计-样式入门到精通][-]

[https_edu.csdn.net_topic_huangjuhua]: https://edu.csdn.net/topic/huangjuhua
[20190105104237940.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/3c8357db79034d6daf7b40a1592b2182.png
[_ _-]: https://ke.qq.com/course/368613?tuin=2b10d56
[-]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/e6089ebc17b24f15bbe9f2b8e87e6775.png