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,浏览器,性能优化