CSS视图过渡命名中的注意事项
原文英文，约500词，阅读约需2分钟。
📝
内容提要
我在博客上实现了跨文档视图过渡，模仿Dave Rupert的做法。为动画标题使用文章的URL路径作为过渡名称，经过多次尝试，通过添加前缀成功解决了标识符问题，最终实现了视图过渡。
🎯
关键要点
-
在博客上实现跨文档视图过渡，模仿Dave Rupert的做法。
-
为动画标题使用文章的URL路径作为过渡名称。
-
需要一个唯一的ID来标识要在页面之间过渡的元素。
-
尝试使用文章的URL路径作为过渡名称，但遇到问题。
-
尝试用引号包裹路径，但仍然不成功。
-
最终决定去掉路径中的斜杠，仍然未能解决问题。
-
查阅MDN文档，了解到<custom-ident>的规则。
-
<custom-ident>不能用引号包裹，不能包含保留的全局CSS名称和斜杠。
-
在每个名称前添加前缀，最终成功实现视图过渡。
❓
延伸问答
如何在博客中实现跨文档视图过渡？
可以模仿Dave Rupert的做法，使用文章的URL路径作为过渡名称，并确保使用唯一的ID来标识要过渡的元素。
在CSS中，<custom-ident>的规则是什么？
<custom-ident>不能用引号包裹，不能包含保留的全局CSS名称和斜杠，也不能以数字开头。
为什么使用文章的URL路径作为过渡名称会遇到问题？
因为URL路径中包含斜杠，导致无法满足<custom-ident>的要求。
如何解决视图过渡名称中的标识符问题？
可以在每个名称前添加前缀，并去掉路径中的斜杠，以确保名称符合<custom-ident>的要求。
在实现视图过渡时，为什么需要唯一的ID？
唯一的ID用于标识要在页面之间过渡的元素，以确保动画效果的正确性。
最终如何成功实现视图过渡？
通过在过渡名称前添加前缀并去掉斜杠，最终成功实现了视图过渡。
🏷️
