# Chrome 的一些新特性

**URL:** <https://forum.freemdict.com/t/topic/20234>\
**Category:** 软件经验交流展望\
**Created:** [2023 年4 月 2 日 04:00 UTC](https://forum.freemdict.com/t/topic/20234 "2023-04-02T04:00:30Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

作者： ![anon34331345](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/a/d9b06d/32.png) [@anon34331345](https://forum.freemdict.com/u/anon34331345)\
发布日期： [2023 年4 月 2 日 04:00 UTC](https://forum.freemdict.com/t/topic/20234/1 "2023-04-02T04:00:30Z")

</div>

只挑出个人感兴趣的部分予以记录。

---

<div class="post-metadata">

作者： ![anon34331345](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/a/d9b06d/32.png) [@anon34331345](https://forum.freemdict.com/u/anon34331345)\
发布日期： [2023 年4 月 2 日 04:03 UTC](https://forum.freemdict.com/t/topic/20234/2 "2023-04-02T04:03:02Z")

</div>

Chrome 111 支持 :nth-child(an + b **of S** ) 了

> Extend :nth-child(an + b) to take a selector, and the same with :nth-last-child. So e.g. :nth-child(3 of .c) is the third .c under a given parent. (This is not the same as .c:nth-child(3), which is a .c that must also be the third element under a given parent.)

> **[:nth-child() - CSS: Cascading Style Sheets | MDN](https://developer.mozilla.org/en-US/docs/web/css/:nth-child)**
>
> The :nth-child() CSS pseudo-class matches elements based on the indexes of the elements in the child list of their parents. In other words, the :nth-child() selector selects child elements according to their position among all the sibling elements...

---

<div class="post-metadata">

作者： ![anon34331345](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/a/d9b06d/32.png) [@anon34331345](https://forum.freemdict.com/u/anon34331345)\
发布日期： [2023 年4 月 7 日 00:54 UTC](https://forum.freemdict.com/t/topic/20234/3 "2023-04-07T00:54:28Z")

</div>

Chrome 112 开始支持 CSS Nesting

> Add the ability to nest CSS style rules inside other style rules, combining selectors from the outer with the inner rule for increasing modularity and maintainability of style sheets.

[https://www.w3.org/TR/css-nesting-1/](https://www.w3.org/TR/css-nesting-1/)

---

<div class="post-metadata">

作者： ![kapas](https://forumcdn.freemdict.com/letter_avatar_proxy/v4/letter/k/f475e1/32.png) [@kapas](https://forum.freemdict.com/u/kapas)\
发布日期： [2023 年4 月 7 日 08:17 UTC](https://forum.freemdict.com/t/topic/20234/4 "2023-04-07T08:17:27Z")

</div>

你这是指chrome支持的css特性？？？