元素的行为就像它总是有效的（：有效）

Question

为什么我的输入总是有效，即使没有输入任何内容？这是代码

    #inp:focus + #labela #sp,
#inp:valid + #labela #sp{
  transform:translateY(-150%);
  font-size:14px;
  color: blue; }

Answer 1

与此同时，我发现了问题所在。 输入元素必须具有“必需”属性，因此它不会始终有效

<input type="text" id="inp" required />

Element acts like it's always valid(:valid)