伪元素默认层级是在父元素之上的，同时 ::after在::before之上伪元素方法1：z-index = -1#parent{}#parent::before{   ...

对于还未接触过这个行业的人来说，在学习之前，心中多少会有一些疑问，比方说，零基础学web前端开发要学多久？ 1： web前端要学什么？零基础入门学web前端的话，首先要把所有的基础课程全部了解消化吃透，前端的开发框架，PC端的企业网站布局、 ...

最近做的项目里涉及到一个视频列表，点击播放视频，有点类似短视频APP个人主页的效果，直接使用了h5自带的video标签，没想到坑一个接一个。 首先展示下效果图： 踩坑记录： 踩坑一：视频列表中直接使用多个video标签无法达到产品的设计效果 ...

element.style.height 获取的是内联属性（即： 标签内设置的style）,也就是说如果是在 css中设置的，获取不到。 通常只用来设置样式。 element.offsetHeight element.scrollHeig ...

image.png 选择器的优先级 CSS标准用一个三元组 (a, b, c) 来构成一个复杂选择器的优先级。 id选择器的数目记为a； 伪类选择器和class选择器的数目记为b； 伪元素选择器和标签选择器数目记为c； “*” 不影响优先 ...

伪元素和伪类 说到这个，我们先回顾一下，伪类选择器和伪元素选择器，老版的浏览器没有严格区分下面 2 种写法。 a:after{} a::after{} 在新的标准中，单冒号(:)用于 CSS3 伪类，双冒号(::)用于 CSS3 伪元素，我 ...

icomoon是一个图标很全的字体库，以下介绍一下使用方法。&nbsp;1.首先，打开官网https://icomoon.io/&nbsp;<span style="color: var(--color-t ...

都记录一些有关前端方面的冷知识或者一些易踩坑点，防止大家踩坑。JavaScript所有对象都有 __proto__ 属性，都指向创造对象的函数对象的 prototype。上传文件要使用 formdata 包装。Promise.prototy ...

出于整个团队代码可读性、可维护性考量，有必要约定一套基本规范（包括代码命名、基础设施、提交日志、对外文档、测试等方面），供各团队都能参考，从而提升项目可持续性发展，也便于成员之间，能很好提升代码 CoverReview 效率等。鉴于此，有将 ...

很多时候需要给元素加上个小标签，这时候伪元素经常会被用到，但是呢，有些时候小标签的内容是不固定的，比如好几个菜品，每个菜品都有不同的点赞数。所以如果还用伪元素的话，设置content内容动态化就是关键。 办法 动态渲染元素时，指定自定义属性 ...