css问题清单与经验

Posted web半晨

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css问题清单与经验相关的知识,希望对你有一定的参考价值。

目录


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问题清单与经验的主要内容,如果未能解决你的问题,请参考以下文章

uniApp问题清单与经验

uniApp问题清单与经验

JavaScript问题清单与经验

JavaScript问题清单与经验

前端每周清单:jQuery 3.2发布,滴滴采用Vue 2.0重构Web App饿了么 PWA 实践经验分享

前端每周清单:Slack Webpack构建优化,CSS 命名规范与用户追踪