※html시리즈는 유튜버 윤인성님의 영상을 보고 정리한 것 입니다.

동위 선택자

동위 선택자는 동위 관계에서 뒤에 위치한 태그를 선택할 때 사용하는 선택자

+ 동위 선택자

자기 태그 바로 뒤에 오는 태그를 선택함

▼ h1 + h2 는 h1태그 뒤에 오는 h2를 선택한 것

~ 동위 선택자

▼ h1 + h2 는 h1태그 뒤에 오는 h2 태그를 전부 선택

CSS만으로 탭바 구현

자바스크립트로 하면 훨씬 쉽다고 함, 아직 배우지 않았기 때문에 css로 구현해 보는 것

라디오 버튼 장식주기

lable 태그의 for 안에 어떠한 input 태그의 id를 입력하면 두 개를 연결할 수 있음

▼ input { display: none } 스타일에 적용해 라디오 버튼을 숨겨도 탭은 작동됨