本文介绍一个实用前端技术，可以让框架中私有上下文中的CSS不添加随机属性选择器，从而可以匹配第三方组件的HTML结构以及JS动态生成的HTML元素。
阅读全文…
标签：:has(), :is, :not, :scope, :where, react, vue, 伪类, 属性选择器, 框架, 选择器 发布在 CSS相关 | 10 条评论 »
盼星星盼月亮，盼了24年，:has() 伪类终于来了，在棘手的性能问题解决之后，这是一个神级CSS伪类，以后一定会在前端领域掀起不小的波澜。
标签：:has(), 伪类, 父选择器, 选择器 发布在 CSS相关 | 17 条评论 »
抽几个小时使用 clip-path 绘制了一套 CSS 数字，可任意免费使用，大家自取。
标签：clip-path, polygon, 图形生成 发布在 CSS相关 | 8 条评论 »
本文详细介绍关于多彩字体的知识，以及如何使用 font-palette 等CSS属性设置字体的不同色调，国内首发，稀缺干货知识。
标签：@font-palette-values, base-palette, font-face, font-family, font-palette, override-colors 发布在 CSS相关 | 4 条评论 »
在 CSS 这门语言中，凡是 Web 中的换行规则都可以改变，无论是中文的还是英文的，灵活到超出你的想象，非常强大！
标签：keep-all, line-break, overflow-wrap, white-space, word-break, word-wrap, 文字排版 发布在 CSS相关 | 5 条评论 »
文字选区片段高亮又新增一名成员，可以使用 ::target-text 伪元素进行匹配，反正耽误不了几分钟，过来看看，说不定之后用得着。
标签：::grammar-error, ::highlight(), ::spelling-error, ::target-text, selection, text-anchor, URL, 伪元素, 锚点 发布在 CSS相关 | 3 条评论 »
我以为我对 CSS 变量了解够多够深入了，没想到还是有知识的盲区，今天这个小技巧小特性就是其中之一，并且是相当实用的一个特性。
标签：@keyframes, css var, CSS变量, transform, 自定义属性 发布在 CSS相关 | 13 条评论 »
我话就放在这里了，不出三年，CSS @layer 规则一定会在业界遍地开花，到处使用。
标签：@import, @layer, @media, @supports, css相关, font-face, 优先级, 选择器 发布在 CSS相关 | 16 条评论 »
CSS中有两个重要的基础规则，一个是级联（Cascading），一个是继承（Inheritance），本文详细介绍级联规则，理解了级联，就能明白某些看似普通但不解的背后现象的原因。
标签：@layer, @media, @supports, cascade, css相关, inherit, 优先级, 样式, 继承, 选择器 发布在 CSS相关 | 3 条评论 »
分享一个实用的小布局效果，可以优化粘性定位的效果体验。
标签：flex布局, position, sticky, 粘性定位 发布在 CSS相关 | 7 条评论 »
张鑫旭more，09年华中科技大学毕业，现上海，就职于阅文集团，专注web前端偏前领域，著有《CSS世界》《CSS选择器世界》《CSS新世界》《HTML并不简单》
邮箱：zhangxinxu@zhangxinxu.com
关注我：微信微博掘金知乎抖音热更B站Gitee
我的应用
我的应用