Html 在div焦点上，在不使用jquery/javascript的情况下更改同级css属性

小提琴：

我想要实现的是，当

.derman

div成为焦点时，类

.germanContent

的div的背景颜色应根据定义的css规则进行更改。但不知何故，这并没有发生

HTML:

#德语：焦点+.德语内容{
背景颜色：蓝色；
}

请参阅德语版
德语里的废话

我想当你点击并按住

时，你需要蓝色背景。这会有帮助吗？尝试改用

：active

：

#德语：主动+德语内容{
背景颜色：蓝色；
}

请参阅德语版
德语里的废话

div

不可聚焦，除非您显式地为它们提供了一个

tabindex

。因此，一个

-1

的

tabindex

应该可以做到这一点。（-1不会中断现有的选项卡流）

片段：

#德语：焦点+.德语内容{
背景颜色：蓝色；
}

请参阅德语版
德语里的废话

这里

请参阅德语版

---

将tabindex属性添加到德语div

是否要查找

：hover

而不是

：focus

？我想模拟类似于单击div的行为，因此

：focus

。绝对不是

：悬停

您的上一个元素不是输入元素。无法将焦点集中在

div

元素上。重点只能放在

输入上

？@RAKESHKUMAR检查我的答案，并告诉我这是否是您需要的？太好了！。您能解释一下

tabindex

的意义吗？

tabindex

tabindex全局属性是一个整数，指示元素是否可以进行输入焦点（可聚焦）@RAKESHKUMAR:tabindex定义了按tab键时的焦点顺序（尤其是表单输入）。@RAKESHKUMAR:在那里，在答案中添加了官方引用。

<div id='german' tabindex="0">See in German</div>