uni-app中的css3选择器使用

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（n）时候，因为第一个元素是text，样式不生效。要使用nth-of-type

使用nth-of-type 修改样式

.box>view:nth-of-type(1){

background: #09BB07;

}

.box>view:nth-of-type(2){

background: red;

}

.box>view:nth-of-type(3){

background: yellow;

}

注意：first-child效果与nth-child（n）效果类似，第一个为文本时候，样式不生效

.box>view:first-child{

background: blue;

}

.box>view:last-child{

background: red;

}

first-of-type 样式：

.box>view:first-of-type{

background: blue;

}

.box>view:last-of-type{

background: red;

}

4.奇数偶数间隔样式设置方式

方式1：

/* 偶数 */

.box>view:nth-of-type(even){

background: red;

color: #fff;

}

/* 奇数 */

.box>view:nth-of-type(odd){

background: blue;

color: #fff;

}

方式2：

.box>view:nth-of-type(2n-1){

background: red;

最后

面试一面会问很多基础问题，而这些基础问题基本上在网上搜索，面试题都会很多很多。最好把准备一下常见的面试问题，毕竟面试也相当与一次考试，所以找工作面试的准备千万别偷懒。面试就跟考试一样的，时间长了不复习，现场表现肯定不会太好。表现的不好面试官不可能说，我猜他没发挥好，我录用他吧。

96道前端面试题：

• 

常用算法面试题：

• 

前端基础面试题：
内容主要包括HTML，CSS，JavaScript，浏览器，性能优化

面试官不可能说，我猜他没发挥好，我录用他吧。

96道前端面试题：

• [外链图片转存中…(img-nbL0oefl-1718719202917)]

常用算法面试题：

• [外链图片转存中…(img-zSJkFuWl-1718719202918)]

前端基础面试题：
内容主要包括HTML，CSS，JavaScript，浏览器，性能优化

•