Html 当文本区域处于焦点时，如何使div显示？（两者都是相同表单元素的子元素）

我的CSS无法正常工作：(

HTML

我想让

div

和

input

元素在

textarea

处于焦点时出现。目前，只有

input

元素正在做它应该做的事情

---

另外，如果我不使用

，我可以选择
div
：将
焦点放在
文本区域上，这很奇怪。
你的部分问题是定位。但是，值得注意的是，除非你使用的是最新的浏览器，否则CSS规则的组合在旧浏览器中无法可靠地工作-即<8 particula雷利

此外，当你模糊文本区域时，其他输入将消失。这是你的目标吗？这似乎不是一个非常有用的表单

尽管我推荐尽可能使用CSS，但我建议您考虑使用JavaScript处理您的行为。
您的问题部分在于定位。然而，值得注意的是，除非您使用的是最新的浏览器，否则CSS规则的这种组合在较旧的浏览器（尤其是IE<8）中无法可靠地工作

此外，当你模糊文本区域时，其他输入将消失。这是你的目标吗？这似乎不是一个非常有用的表单

尽管我推荐尽可能使用CSS，但我建议您考虑使用JavaScript处理您的行为。
使用css3您可以使用

form > textarea:focus ~ div {
    display: block;
}

其中~是通用的前一个同级选择器

演示：
使用css3，您可以使用

form > textarea:focus ~ div {
    display: block;
}

其中~是通用的前一个同级选择器

演示：
我并不特别担心浏览器的兼容性。这是一个技术预览网站，所以你需要一个当前的浏览器来运行任何东西。哦，我没有想到这一点。JS是的！我并不特别担心浏览器的兼容性。这是一个技术预览网站，所以你需要一个当前的浏览器来运行任何东西，anyway、 哎呀，我没想到那是真的！
form > textarea:focus ~ div {
    display: block;
}