添加:节点.classList.add(“类名”);
删除:节点.classList.remove(“类名”);
nth-child(4n + 1),nth-child(4n + 2)每两行变色,nth-child(6n + 1),nth-child(6n + 2),nth-child(6n + 3)每三行变色,
border-style:hidden 可以解决边框冲突!
html, // 文字不可被选中
body {
height: 100%;
margin: 0;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.ewmMask-box-list-item .ewmMask-box-list-item-idenity {
font-size: 20rpx !important;
overflow-y: scroll;
/* 火狐滚动条隐藏 /
-ms-overflow-style: none;
scrollbar-width: none;
}
/ 谷歌滚动条隐藏 /
.ewmMask-box-list-item-idenity::-webkit-scrollbar {
display: none;
}
backdrop-filter 只模糊背景
文字倒影,-webkit-box-reflect: below;
1 div{/ 多行溢出隐藏 /
2 width: 150px;
display: -webkit-box;
5 -webkit-box-orient: vertical;
6 -webkit-line-clamp: 3;
7 overflow: hidden;
8 }
1 div{/ 单行溢出隐藏 */
2 width: 150px;
3 white-space: nowrap;
4 overflow: hidden;
5 text-overflow: ellipsis;
6 }
js/css简单应用
最新推荐文章于 2024-08-06 10:26:53 发布