![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
一个修理地球的人
这个作者很懒,什么都没留下…
展开
-
通过样式选择器变量动态设置样式
目的通过设置scss中的样式选择器变量,修改vue中的变量中的变量动态设置样式代码<template> <div> <span class="targetClass" :isFocus="isFocus">这是目标要素</span> <div class="otherClass" @click="setIsFocus"></div> </div></template><s原创 2021-06-28 14:21:04 · 362 阅读 · 0 评论 -
div内容超出处理
div内容超出css处理几种方式(用到后不断补充)1.文本内容超时使用省略号显示超出的部分 width: 170px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden;原创 2020-07-21 10:44:27 · 9259 阅读 · 0 评论 -
web前端使用CSS修改svg颜色样式
使用UI切图的svg无法直接修改内部的CSS样式,借用svgo工具可以完成样式的修改一.准备1.安装svgo npm包 npm install svgo --save-dev2.在package.json 脚本命令中加入"svgo": "svgo -f src/common/icons/svg --config=src/common/icons/svgo.yml"3.在控制台输入npm run svgo 即可进行svg修改,修改后的svg可以使用css样式进行修改二.原因美工制作的svg样式存原创 2020-07-07 15:06:34 · 8098 阅读 · 9 评论 -
CSS样式类事件选择加空格导致所有子项及孙子项继承父元素
CSS样式类选择加空格导致所有子项及孙子项继承父元素代码效果原因代码<div class='entity-hover'><div>1<div>11<div><div><div>1<div></div>//hover前有空格 .entity-hover: hover { ba...原创 2019-10-25 18:09:20 · 394 阅读 · 0 评论