聚焦和一个元素应该反映到CSS中的另一个元素

Question

我正在使用CSS样式。
来我的案子。如果我专注于输入元素，那么完全在div（包含输入元素）之外的div的边框应该改变边框颜色。为此，我经历了几个片段。但它不能正常工作。我可以获得精确的片段或提示吗？不使用java脚本或j查询

input[type=email]:focus +  div.emailicon,
{
    border-color: #e86740;
    box-shadow: none;
    outline: none;
}

Answer 1

请删除逗号,。这将在输入焦点旁边将div应用于div。

input[type=email]:focus +  div.emailicon
{
    border-color: #e86740;
    box-shadow: none;
    outline: none;
}

Answer 2

尝试这个怎么样？

div.emailicon { 
     border: 3px solid; 
}

input[type=email]:focus +  div.emailicon
{
    border-color: #e86740;
    box-shadow: none;
    outline: none;
}

Here是你可以查看它的小提琴。

编辑：我改回了+，因为我意识到我犯了一个愚蠢的错误，现在它应该工作得很好，这意味着你的初始代码工作正常。为我的愚蠢错误道歉。