您可以使用:not(:has(input:hover))作为纯CSS的解决方案，但请注意，:has()并不是在所有浏览器中普遍支持的。

.parent {
  height:200px;
}

.title {
  user-select: none;
}

.parent:hover:not(:has(input:hover)) {
  background:green;
}

<div class="parent">
  <div class="title">
    Hello World!
  </div>
  <input type="text" placeholder="Hello Input!">
</div>

否则，您可以在JavaScript中侦听输入是否悬停：

const input = document.querySelector('input');

input.addEventListener('mouseenter', ({ target }) => {
  target.closest('.parent').classList.add('foo');
});

input.addEventListener('mouseleave', ({ target }) => {
  target.closest('.parent').classList.remove('foo');
});

.parent {
  height:200px;
}

.title {
  user-select: none;
}

.parent:hover:not(.foo) {
  background:green;
}

<div class="parent">
  <div class="title">
    Hello World!
  </div>
  <input type="text" placeholder="Hello Input!">
</div>