CSS :valid selector - Validity of two elements by using one button CSS ONLY

Question

我有 2 个输入(用于电子邮件和电话)和一个按钮。我只想在 input[type="tel"]:valid 和 input[type="email"]:valid 同时使用时对按钮使用规则，但我无法正确执行。有没有办法使用 css 做到这一点？

Answer 1

尝试这样的事情:

input[type='tel']:valid ~ input[type='email']:valid ~ button {
  color: green; 
}

这假设两个输入字段和按钮是直接兄弟。