这个视频再来说两个大家用的比较少的伪类选择器，主要是用于input输入框获取焦点的时候触发的，这里写了一个文本输入框，还有一些简单的样式。现在获取焦点的时候就这样：

·如果希望当输入框获取到焦点的时候，可以设置一下样式，那这里就可以用focus这个伪类。比方当获取到焦点的时候，把默认的这个input给它设置为难。

·再来自定义一个边框，现在获取焦点还是默认的这种黑色的outline，刷新一下再次获取焦点，现在就变成设置的两个像素蓝色的边框了，这个选择器非常简单，大家记一下就可以了。

·这里还有一个选择器我觉得挺好用的。现在是当输入框获取到焦点的时候，设置输入框它本身的样式，那有没有办法？

·当输入框获取到焦点的时候，设置父级元素容器的样式，这里可以对container容器设置focus-within伪类，也就是当它里面的输入框获取到焦点的时候，来设置container容器的样式，就简单的设置一个背景颜色。

·现在输入框还没有获取到焦点，还是普通的样式来获取焦点，输入框和它外面的容器样式都发生变化了，失去焦点，获取焦点样式可以来回切换。大家别小看这个选择器，还是会有很多应用场景的。

比方当输入框获取焦点的时候，用户输入可能需要一个提示性的列表，就好像百度搜索这样，或者说在旁边做一些提示性的功能，还有一些简单的隐藏和显示之类的菜单，就可以用focus-within这个选择器了，不需要用到JS。

这个视频就到这里，感谢大家的收看。