[CSS] 인접 형제 결합자의 간단 활용

<input type="text" class="">
<p class="error-msg">에러 메시지</p>

input[type=text].error + .error-msg {
  display: block;
  color: orange;
}

.error-msg {
  display: none;
}

error 클래스가 붙을 때만 에러 메시지가 보입니다. css만으로도 동적인 작업을 할 수가 있습니다.