css问题清单与经验
Posted web半晨
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css问题清单与经验相关的知识,希望对你有一定的参考价值。
目录
- 1、web动态修改样式值、修改style标签里面的css样式、document、querySelector、setProperty
- 2、css之最后列表项去除border-bottom属性、last-child、not(:last-child)
1、web动态修改样式值、修改style标签里面的css样式、document、querySelector、setProperty
document.querySelector(".el-upload").style.setProperty("border", "1px dashed transparent");
这里也可以使用
id
精确设置属性值,删除属性无效,只能重设属性值,亲测有效。在需要设置的函数/方法里面添加此代码即可。
2、css之最后列表项去除border-bottom属性、last-child、not(:last-child)
普通写法
.item border-bottom: 1px solid red; .item:last-child border-bottom: 1px solid transparent;
此写法的优点是能保证每一项的盒子大小一致,缺点是代码量多。
伪类写法
.item:not(:last-child) border-bottom: 1px solid red;
此写法的优点是代码量少,缺点是最后一项缺少
1px
的高度。
相关链接
1、20个CSS快速提升技巧
以上是关于css问题清单与经验的主要内容,如果未能解决你的问题,请参考以下文章