小姐集一枚
小姐集一枚
  • 发布:2022-12-06 10:25
  • 更新:2022-12-06 16:37
  • 阅读:366

css中无法使用标签选择器

分类:uni-app

从旧项目mpvue 小程序迁移到 uni-app里面,发现CSS中的元素选择器不生效。
请问下是不能用元素选择器吗?我看官方文档里支持元素选择器,应该是支持的
想帮忙答疑下。

编译出来的wxss是 ul.data-v-766b1a30。但wxml里没有使用。
mpvue编译后会有_ul的class加到wxml里面。不知道uni-app是如何实现的

ul {
width: 100vw;
height: 3.2em;
line-height: 3.2em;
font-size: 0.9em;
color: #FFF;
vertical-align: middle;
background-color: #1a1a1d77;
z-index: 1;

li {
width: 25%;
height: 3em;
float: left;
text-align: center;
}
.select-nav {
color: #c91c28;
border-bottom: 0.2em solid #c91c28;
}

}

.medal-jf-box {
width: 90vw;
font-size: 0.8em;
position: relative;
left: 5vw;
background: #21212477;
border-radius: 1em;
margin-top: 1em;
overflow: hidden;
overflow-y: auto;
color: #ecf1f6;
-webkit-overflow-scrolling: touch;

tr {
width: 100%;
td {
height: 80rpx;
line-height: 80rpx;
float: left;
text-align: center;
width: 9vw;
}

td:nth-child(1) {  
  position: relative;  
  width: 34vw;  
  text-align: left;  

  span{  
    margin-left: 4.2em;  
    font-size: 0.8em;  
  }  

  img {  
    position: absolute;  
    width: 2em;  
    height: 2em;  
    top: 0.8em;  
    left: 0.8em;  
  }  
}  

}
}

.medal-jq-box {
width: 90vw;
font-size: 0.8em;
position: relative;
left: 5vw;
background: #21212477;
border-radius: 1em;
margin-top: 1em;
overflow: hidden;
overflow-y: auto;
color: #ecf1f6;
-webkit-overflow-scrolling: touch;

tr {
td {
height: 2.5em;
line-height: 2.5em;
float: left;
text-align: center;
width: 13vw;
}
td:nth-child(5) {
position: relative;
width: 21vw;
text-align: center;
}
td:nth-child(2) {
position: relative;
width: 30vw;
text-align: center;

  img {  
    position: absolute;  
    width: 2em;  
    height: 2em;  
    top: 0.75em;  
    left: 1.8em;  
  }  
}  

}
}

2022-12-06 10:25 负责人:无 分享
已邀请:
小姐集一枚

小姐集一枚 (作者)

没人的吗?

该问题目前已经被锁定, 无法添加新回复