：Focus-in内部-一种使网站更易于访问的超级简单方法
想要在父元素的子元素成为焦点时设置父元素的样式吗？ 从本质上讲， 可访问性意味着消除障碍，以创建一个在线世界， 所有用户都可以体验您的内容并与之互动。 在本文中，我将缩小一个相对较新的CSS选择器“ ：focus-within ”，并说明如何将其合并到自己的项目中以增强用户体验。 那么，这个神秘的选择器到底是什么？它有什么作用？ ：Focus-within可让您在“关注”其单个子元素之一时为整个父元素设置样式。 当用户将焦点放在其字段之一（ 即子元素 ）上时，通过突出显示整个容器（ 即，父元素 ），此选择器通常用于为表单设置样式并使其更加用户友好。 如今，大多数主流浏览器中都提供了该功能。 到目前为止，您可能正在考虑一个非常类似的选择器：focus，并想知道它与：focus-within有何不同。 别担心，我得到了你。 与：focus选择器不同，：focus选择器仅允许您对一个焦点元素进行样式设置，而：focus-within是唯一的，因为当您仅关注其子元素之一时，可以对整个父元素进行样式设置。…
