主要更新内容:
CSS 支持嵌套
我们最喜欢的CSS预处理器功能之一现在已内置到语言中：样式规则嵌套。
在嵌套之前，每个选择器都需要单独显式声明，这导致了重复、样式表冗余和作者体验的分散。
Before
1
2
3
4
5
6
7
8
9
10
11
| .nesting {
color: hotpink;
}
.nesting > .is {
color: rebeccapurple;
}
.nesting > .is > .awesome {
color: deeppink;
}
|
嵌套之后，可以继续选择器，并在其中分组相关的样式规则。
After
1
2
3
4
5
6
7
8
9
10
11
| .nesting {
color: hotpink;
> .is {
color: rebeccapurple;
> .awesome {
color: deeppink;
}
}
}
|
嵌套通过减少选择器的重复使用，同时将相关元素的样式规则放置在一起，帮助开发人员。它还有助于样式与其所针对的HTML相匹配。
如果在示例中移除了.nesting组件，您可以删除整个组而无需在文件中搜索相关的选择器实例。
嵌套可以帮助实现以下目标：
- 组织结构。
- 减小文件大小。
- 重构。
在这篇文章中，你可以找到有关如何充分利用CSS嵌套的提示，并在这里找到有关开发工具中嵌套的支持信息。<dialog> 初始焦点的算法更新
HTML元素
这个HTML元素是创建此类内容的推荐方式，因为它的功能旨在提供更好和一致的可用性和可访问性。
其中一个功能是处理在打开对话框时哪个元素获得焦点，在这个版本中，选择该元素的算法已经更新。
从现在开始：
对话框焦点的步骤将考虑可键盘焦点的元素，而不是任何可获得焦点的元素。如果
