要实现纯 CSS 的 hover 默认高亮显示，可以使用 CSS 的 :hover 选择器和 :hover::before 伪元素。

下面是一个示例代码，它将在一个 div 元素上创建一个高亮效果，当鼠标悬停在 div 元素上时，高亮效果会更加明显。

html<div class="highlight"></div>

css.highlight {
  width: 100px;
  height: 100px;
  background-color: #ccc;
}

.highlight::before {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  width: 120px;
  height: 120px;
  background-color: #ff0;
  opacity: 0.5;
}

.highlight:hover {
  background-color: #f00;
}

.highlight:hover::before {
  opacity: 1;
}

在上面的代码中，我们定义了一个 .highlight 类，该类用于将 div 元素设置为一个带有灰色背景的方块。然后，我们使用 ::before 伪元素在 div 元素上创建一个带有红色背景的方块，并将其透明度设置为 0.5。最后，我们使用 :hover 选择器来改变 div 元素的背景色和透明度，并使用 ::before 伪元素来改变透明度，使其在鼠标悬停时更加明显。