CSS 中的新功能

CSS 首字下沉

Chrome 110 Safari 9

Another lorem ipsum dolor sit amet consectetur adipisicing elit. Fugit, deleniti saepe! Labore alias nemo quam perferendis harum ducimus at qui omnis magni amet eius, optio dolorum? Aliquid harum molestias voluptatibus.

噫吁戏，危乎高哉！
蜀道之难，难于上青天！
蚕丛及鱼凫，开国何茫然。
尔来四万八千岁，不与秦塞通人烟。
西当太白有鸟道，可以横绝峨眉巅。

nth-of 语法

Chrome 111 Safari 9

• 1 text nth nthof
• 2 text nth nthof
• 3 text nth
• 4 text nth nthof
• 5 text nth
• 6 text nth nthof
• 7 text nth

高级 nth-child 语法提供了一个新关键字（“of”），它允许您使用现有的 An+B 微语法，并在其中搜索更具体的子集。
:nth-child(2) 可以筛选出一个列表的第二个
:nth-child(2 of .special) 可以筛选出一个列表中，带有 special 样式的第二个

颜色混合器

Chrome 111 Safari 16.2