CSS 인접형제선택자와 일반형제선택자

형제선택자

인접 형제선택자

/* 같은 부모를 갖는 상태에서, E + F 
 * E 바로 뒤에 나오는 F에만 속성값 부여  */
.chat__write:focus + .chat__icon {
  display: none;
}

일반 형제선택자

/* 같은 부모를 갖는 상태에서, E ~ F
 * E 뒤에 나오는 F들에 속성값 부여  */
.chat__write:focus ~ .chat__icon {
  display: none;
}