前端CSS零碎知识点

css中的/deep/用法：

// 重要：/deep/是less中的语法，在scss中的替代标识是::v-deep，相互不可替代
 
// less写法
 /deep/ .playToolBar .tool-container .disable .uni-icons {
 	color: #5d5d5d;
 }
 
// scss写法
::v-deep .uni-icons {
	color: #5d5d5d !important;
}

内容超出宽度显示省略号：

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

阴影效果：

box-shadow: 0px 0px 3px 2px #ffffff99;

背景图片铺满容器：

background-size: cover;

容器铺满父容器：

.parent {
    width: xxx;
    height: xxx;
    display: flex;
    
    .child {
        flex: 1;
    }
}

按钮点击时的样式选择器：.btn:active

按钮在鼠标滑过的样式选择器：.btn:hover

--------------

持续更新