CSS挑战#2 | 工具提示

本系列的第一周已经结束了，说实话，这个挑战比我预想的更受关注，所以我很高兴大家都喜欢它。

这篇文章概述了人们提出的各种面包屑导航实现方案，并讨论了一些关于 HTML 代码应该如何编写的内容：

这是什么？

如果你是新手，你好！很高兴你想提升 CSS 技能。本系列教程旨在通过挑战你重现一些建议的功能或元素来帮助你实现目标。我只会发布那些在实际项目中能用到的挑战，所以不会有代码高尔夫或晦涩难懂的内容。

这是一个每周挑战，所以每周一都会有新的作品需要制作。同时，每周一我也会总结上周挑战的所有提交作品。

如果你解决了这个挑战，请在评论中发布你的解决方案链接（codepens、jsfiddle 或你喜欢的任何形式）。

工具提示

这次的主题是工具提示，用于在鼠标悬停在元素上时显示有关该元素的附加信息。

要求

• 工具提示应显示在:hover……上:focus

阅读更多

• MDN - attr()
• 包容性组件 - 工具提示和切换提示

本周就到这里，祝大家玩得开心。