聚焦时的偏移效果

如下所示，点击输入框后，标签文本会稍微偏移。

这段代码是一个 CSS 代码片段，它使用 :is() 伪类，根据表单控件的状态设置样式。

1. .form-control input:is(:focus,:valid)：这个选择器会选中带有 .form-control 类的 <input> 元素，这些元素要么处于聚焦状态（:focus），要么包含有效输入（:valid）。满足任一条件时，背景颜色会设为 #444，内边距会调整为 16px 20px 0。
2. .form-control input:is(:focus, :valid)~label：这个选择器会选中与前面选中的 <input> 元素互为兄弟元素的 <label> 元素，条件相同：处于聚焦状态或包含有效输入。满足任一条件时，标签的字体大小会设为 0.75 rem，并向上垂直移动 -130%，这可能是为了在输入框上方创建浮动标签效果。