如何组合:hover with :not()？

:hover with :not()是CSS中一种常用的选择器组合方式，用于选择不符合某个条件的元素，并在鼠标悬停时应用特定的样式。

具体的组合方式是通过使用:hover伪类选择器和:not()伪类选择器来实现。其中，:hover伪类选择器用于选中鼠标悬停的元素，而:not()伪类选择器用于选中不符合指定条件的元素。

下面是一个示例的代码片段，演示如何使用:hover with :not()组合选择器：

/* 选中所有鼠标悬停的按钮，但不包括class为disabled的按钮 */
button:hover:not(.disabled) {
  background-color: #ff0000;
  color: #ffffff;
}

在上述代码中，当鼠标悬停在按钮上时，如果按钮没有class为disabled，将应用指定的样式，即背景色为红色，字体颜色为白色。这种组合选择器的应用能够更加灵活地控制元素的样式，提供更好的用户体验。

总结一下，使用:hover with :not()组合选择器可以实现选择不符合特定条件的元素，并在鼠标悬停时应用特定的样式。这种组合选择器在前端开发中经常用于增强用户交互效果。更多有关CSS选择器的信息，您可以参考腾讯云的CSS Selector Selector文档：CSS Selector Selector。