css 设置点击按钮获取焦点或者焦点在该div的时候显示 否则不显示

在CSS中，你可以使用`:focus`伪类选择器来实现当按钮获得焦点或当焦点在特定的`div`元素内时显示某种样式，否则不显示。这通常用于表单元素，比如输入框、按钮等，当它们获得焦点时显示一些视觉效果以提示用户。

以下是一个简单的例子：

/* 为获得焦点的按钮设置样式 */
button:focus {
  background-color: yellow; /* 当按钮获得焦点时背景变为黄色 */
}

/* 为获得焦点的div设置样式 */
div:focus-within {
  border: 1px solid red; /* 当div内有元素获得焦点时，div的边框变为红色 */
}

在HTML中，你可能有如下结构：

<button>点击我</button>
<div>
  <input type="text" />
</div>

当用户点击按钮或者在`div`内的输入框内点击时，相应的样式就会显示。请注意，`:focus`选择器仅适用于可获得焦点的元素，比如`<input>`, `<button>`, `<textarea>`等表单元素。