CSS 允许设置当鼠标移走时的样式。我们可以使用 :hover 伪类选择器来控制鼠标在元素上悬浮时的样式，但是当鼠标移开元素时，它将回到默认样式。

如何设置当鼠标移开时的样式？我们可以使用 :focus 伪类选择器。与 :hover 不同，当元素被聚焦时，它将一直保持样式，直到失去焦点为止。我们可以使用以下样式来设置鼠标离开时的样式：

  
    /* 设置聚焦状态下的样式 */
    .example:focus {
      background-color: yellow;
    }

    /* 设置失焦状态下的样式 */
    .example:focus:active, .example:active {
      background-color: red;
    }

    /* 设置部分失焦状态样式 */
    .example:active {
      background-color: green;
    }
  

在上面的代码中，我们使用 :focus 选择器来设置元素聚焦时的样式。然后，我们使用 :active 和 :focus:active 选择器来设置失焦状态下的样式。这样，当鼠标离开元素时，我们可以确保元素保持一个特定的样式。

如果您希望为鼠标离开时设置更复杂的样式，您可以考虑使用 JavaScript 或 jQuery 等编程语言。例如，您可以创建一个函数，当鼠标离开元素时，将执行该函数并更改元素的样式。

总之，使用 CSS 确保元素在鼠标离开时保持一个特定的样式非常容易。只需要使用上述代码即可实现。