CSS伪选择器是一种非常常用的技巧，可以帮助开发人员控制网页的外观和交互行为。其中之一就是虚线框的选择器。

:focus {
outline: none;
}
:focus:not(:focus-visible) {
outline: none;
}
:focus-visible {
outline: 2px dotted blue;
}

CSS中一般使用outline属性来控制虚线框的样式和行为，但这样可能会影响到页面的外观。

为了更好的用户体验，现代的浏览器提供了:focus-visible伪类选择器，它可以让我们在只有键盘操作时才会显示虚线框，而鼠标操作不会显示虚线框。

有时候我们需要在特定的元素上显示虚线框，这时候可以使用:focus选择器，可以给元素添加上虚线框，但需要注意的是，如果没有:focus-visible选择器，鼠标操作时也会显示虚线框，这可能会影响页面的外观和用户体验。

通过控制虚线框的显示和样式，开发人员可以为用户提供更好的交互体验，这是一个比较细致和重要的细节。