想了10个与CSS相关的案例,看看chatGPT的CSS代码水平如何,评估下自己会不会失业,结果惊为天人!
阅读全文…
标签::is, :where, @container, chatGPT, justify-content, linear-gradient, object-fit, text-align-last, 人工智能 发布在 CSS相关 | 17 条评论 »
本文介绍一个实用前端技术,可以让框架中私有上下文中的CSS不添加随机属性选择器,从而可以匹配第三方组件的HTML结构以及JS动态生成的HTML元素。
标签::has(), :is, :not, :scope, :where, react, vue, 伪类, 属性选择器, 框架, 选择器 发布在 CSS相关 | 10 条评论 »
CSS @supports规则现在不仅支持CSS新的属性或者属性值的检测,还支持selector选择器的检测,真是越来越强大了,语法很简单,但是还是有一些需要注意的细节知识。
标签::default, :is, :target-within, @supports, nth-child, selector, 选择器 发布在 CSS相关 | 一条评论 »
伪类是目前唯一一个可以大规模放心使用的逻辑伪类,非常有用,优点也很突出,但是,其中也不乏一些会让人踩坑的地方,本文主要介绍这几个可能错误认识的地方。
标签::is, :not, :where, css相关, disabled, read-only, 伪类 发布在 CSS相关 | 14 条评论 »
张鑫旭more,09年华中科技大学毕业,现上海,就职于阅文集团,专注web前端偏前领域,著有《CSS世界》《CSS选择器世界》《CSS新世界》《HTML并不简单》
邮箱:zhangxinxu@zhangxinxu.com
关注我:微信微博掘金知乎抖音热更B站Gitee