uni-app中的css3选择器使用

本文详细介绍了在uni-app中如何使用css3选择器来改变组件样式,包括给Text元素添加样式、给view添加样式以及使用nth-of-type和first-child、last-child等选择器实现特定元素样式的修改。同时,作者分享了自己的前端开发经历,提供了一套全面的前端学习资源,包括面试题文档,旨在帮助开发者提升技能。
摘要由CSDN通过智能技术生成

我是三号

我是四号

我是五号

显示效果

在这里插入图片描述

1.给Text元素添加样式

.box {

width: 300px;

height: 300px;

background-color: pink;

}

#view2,text{

background: yellow;

}

在这里插入图片描述

2.给 view 添加样式

.box view{

font-size: 40upx;

color: #8A6DE9;

}

在这里插入图片描述

3.想改变某一个view 样式

.box>view:nth-child(1){

background: #09BB07;

}

.box>view:nth-child(2){

background: red;

}

.box>view:nth-child(3){

background: yellow;

}

注意:使用nth-child&#x

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值