网页布局------悬浮在input框上时旁别按钮边框颜色也会发生变化

input边框和按钮放在同一个div下，使用hover可以设置悬浮在input边框时的颜色变化，而需要设置按钮边框的颜色变化则需要使用"+"来添加

 页面结构

            <div class="nav-search">
                    <input type="search" placeholder="小米11" class="nav-search-input" />
                    <button type="button" class="iconfont">&#xe63d;</button>
                </div>
            </div>

页面样式

.nav-search >input:hover,.nav-search >input:hover+button{
    border-color: #b0b0b0;
}