文章关键字 ‘选择器’

第1到4页1234

巧用:is()或:where()伪类让scoped的style依然全局匹配

2022年09月20日，星期二

熊和兔子封面图

本文介绍一个实用前端技术，可以让框架中私有上下文中的CSS不添加随机属性选择器，从而可以匹配第三方组件的HTML结构以及JS动态生成的HTML元素。

阅读全文…

标签：, , , , , , , , , ,

发布在 CSS相关 | 4 条评论 »

来了，来了，CSS :has()伪类她来了

2022年08月24日，星期三

云和梯子

盼星星盼月亮，盼了24年，:has() 伪类终于来了，在棘手的性能问题解决之后，这是一个神级CSS伪类，以后一定会在前端领域掀起不小的波澜。

阅读全文…

标签：, , ,

发布在 CSS相关 | 8 条评论 »

详解日后定会大规模使用的CSS @layer 规则

2022年05月28日，星期六

封面图-披萨可乐

我话就放在这里了，不出三年，CSS @layer 规则一定会在业界遍地开花，到处使用。

阅读全文…

标签：, , , , , , ,

发布在 CSS相关 | 9 条评论 »

CSS必学基础：理解CSS中的级联规则

2022年05月22日，星期日

CSS级联封面图

CSS中有两个重要的基础规则，一个是级联（Cascading），一个是继承（Inheritance），本文详细介绍级联规则，理解了级联，就能明白某些看似普通但不解的背后现象的原因。

阅读全文…

标签：, , , , , , , , ,

发布在 CSS相关 | 一条评论 »

CSS :not()伪类选择器已支持复杂参数

2022年02月12日，星期六

占位图:not css

CSS :not()伪类选择器之前除了 Safari 浏览器外只支持简单参数，现在，所有浏览器都支持了复杂的并列参数值，来看看写的写法和带来的变化吧。

阅读全文…

标签：,

发布在 CSS相关 | 6 条评论 »

关于《CSS新世界》这本书

2021年08月17日，星期二

CSS新世界

推荐我的新书《CSS新世界》，我为自己代言，点击进入了解关于本书更多信息。

阅读全文…

标签：, , , ,

发布在 CSS相关 | 32 条评论 »

使用::part伪元素改变Shadow DOM的CSS样式

2021年02月6日，星期六

css part伪元素马儿开心跑占位图

详细介绍CSS ::part伪元素，以及和Shadow DOM中<slot&gt一起使用的细节知识，多个demo和截图，希望可以帮到您的学习。

阅读全文…

标签：, , , , , , ,

发布在 CSS相关 | 一条评论 »

CSS @supports开始支持selector选择器检测了

2020年02月12日，星期三

@supports规则选择器语法

CSS @supports规则现在不仅支持CSS新的属性或者属性值的检测，还支持selector选择器的检测，真是越来越强大了，语法很简单，但是还是有一些需要注意的细节知识。

阅读全文…

标签：, , , , , ,

发布在 CSS相关 | 一条评论 »

关于《CSS选择器世界》这本书

2019年10月16日，星期三

《CSS选择器世界》是我正式出版的第二本技术书籍，关于这本书，我有一些话想要和大家说……

阅读全文…

标签：, , , ,

发布在 CSS相关 | 73 条评论 »

伪类匹配列表数目实现微信群头像CSS布局的技巧

2019年03月11日，星期一

子元素数量不同布局效果也不一样，这样的需求还比较常见，其中借助CSS伪类，我们可以纯CSS判断子元素项的个数，从而智能实现我们需要的布局，无需额外的标签指定，很有意思。

阅读全文…

标签：, , , , , ,

发布在 CSS相关 | 19 条评论 »

第1到4页1234