css点击变色:focus不生效

这个问题可能有很多原因导致，以下是一些可能的解决方案：

1. 确认你的 HTML 元素是否可以接受 `:focus` 伪类。例如，`<div>` 元素默认不支持 `:focus` 伪类，如果你想要支持，需要添加 `tabindex` 属性。

2. 确认你的 CSS 是否正确地应用了 `:focus` 伪类。例如，你的 CSS 是否正确地使用了 `:focus` 伪类，如：

   .my-element:focus {
     color: red;
   }

3. 确认你的 HTML 是否正确地使用了 `tabindex` 属性。例如，如果你想要 `<div>` 元素支持 `:focus` 伪类，你需要添加 `tabindex` 属性：

   <div tabindex="0">Click me to focus!</div>

如果以上解决方案都不能解决你的问题，你可以提供更多的代码和上下文信息，这样我才能更好地帮助你解决问题。