前端 - 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