前端CSS零碎知识点

知识点"/>

前端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

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

持续更新