input
框时,使得 input
和 button
两个元素的边框都变颜色<div class="test">
<input type="text" placeholder="赢手机,分一亿">
<button>button>
div>
这里空格是后代选择器,:hover是伪类选择器
.test input:hover{}
从 html
可以看到 input
和 button
属于兄弟关系,相邻兄弟选择器符号是 +
注意:hover是加在input上的,因为是鼠标悬停在input上,而不是button
.test input:hover+button{}
.test input:hover,.test input:hover+button{
border-color: #b0b0b0;
}