CSS，根据条件启用样式

Question

我正在我的网站上工作，所以即使禁用了 JavaScript，它的外观和工作方式也几乎相同，所以当启用 JavaScript 时，我有一个 INPUT 和 TEXTAREA 标签，我可以将鼠标放在 INPUT 上，TEXTAREA 样式变为 display: block 来自 display: none，有没有办法用 CSS 检查用户是否关注 INPUT 标签，然后将一些样式应用于 TEXTAREA 标签？谢谢祝你有美好的一天。

Answer 1

如果你在 textbox 之后有 textarea 而不是，你可以使用 + adjacent selector

textarea {
    display: none;
}

input[type=text]:focus + textarea { 
/* Switching styles for textarea when textbox is focused*/
    display: block;
}

Demo

Note: Add a class to input[type=text] for selecting specific element, else the above selector will trigger all textarea and input[type=text] elements