前端 - css的加号是什么意思？

Question

  input.#{$prefix}-input-search + .button-search {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    left: -0.3em;
  }
  input.#{$prefix}-input-search:focus + .button-search {
    background: $border-focus-color;
  }

input.#{$prefix}-input-search + .button-search里面的+是什么意思？

Answer 1

选择相邻元素。。。

Answer 2

这里有一个很生动的 CSS 选择器 DEMO：http://flukeout.github.io/
这篇文章里介绍得很全了：http://code.tutsplus.com/tutorials/the-30-css-selectors-you-must-memorize--net-16048
这是一些常用的选择器介绍：https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Getting_started/Selectors