顾名思义，即影子DOM，看不见摸不着，我们无法直接控制操纵的DOM结构。 A shadow host is an element that hosts one or more node trees. A shadow tree is a node tree hosted by …

问题引入 结果： 本意是移入div1时，显示div2，但是现在移入div2时，也会显示div1，产生的原因就是事件冒泡。 使用CSS解决事件冒泡 方式：给div2添加上pointer-events:

前端主题切换方案 现在我们经常可以看到一些网站会有类似暗黑模式/白天模式的主题切换功能，效果也是十分炫酷，在平时的开发场景中也有越来越多这样的需求，这里大致罗列一些常见的主题切换方案并分析其优劣，大家

最近几天，有好几个同学都问了同样一个问题。 页面上有一段文本，能否实现这段文本在不同背景色下展示不同的颜色？也就是俗称的智能变色。像是下面这样： 文本在黑色底色上表现为白色，在白色底色上表现为黑色。看

在面试中我们常会被问到怎么解决1px问题，要知道解决方案，我们首先要知道这个问题的来源。在这篇文章里，我会尽可能通俗的阐述这个问题出现的源头，一起去思考这个问题的解决方案。

今日，群里有个很有意思的问题，问我如何实现一个彩色的，带渐变的二维码，像是这样： 很有意思的问题，我们在百度谷歌，搜索 qrcode，能搜到非常多在线制作二维码的工具，它们其中一些也会带有制作渐变二维

如果您使用 CSS 有一段时间，那么您就会知道继承、特异性和命名是一些最难处理的事情。由于所有 CSS 都是全局的，随着代码库的增长，防止样式相互冲突并导致意外副作用变得越来越困难!

那天在B站看视频的时候偶然发现当字幕遇到人物的时候就被裁切了，不会挡住人物，觉得很神奇，于是决定一探究竟。

env()和constant()，这两个方法是什么？ 是苹果官方推出适配方案css函数env()、constant()来适配的，是IOS11新增特性，webkit的css函数。