공부하자

인접선택자 : 바로 뒤에 있는 요소를 선택 할 수 있다. (+,~) + : A 선택자와 인접한 B 선택자만 선택 ~ : A 선택자와 함께 있는 B 선택자 모두를 선택 ex) 안녕하세요 안녕하세요 안녕하세요 안녕하세요 안녕하세요 *부모 + 자식 관계에서는 인접 선택자 사용 불가

first, last, nth - child : 특정 순서에 있는 요소를 선택할 수 있다. first-child : 첫번째 요소 선택 last-child : 마지막 요소 선택 nth-child(순서) : 두번째, 세번째 등 원하는 순서의 요소 선택 first-of-type : 첫번째 요소 선택 last-of-type : 마지막 요소 선택 nth-of-type(숫자) : 두번째, 세번째 등 원하는 순서의 요소 선택 www.w3schools.com/cssref/sel_last-of-type.asp CSS :last-of-type Selector CSS :last-of-type Selector Example Specify a background color for the last element of its pa..

before 선택자 : after 선택자와 반대되는 개념. 엘리먼트의 스타일이 적용되기 전에 스타일 추가. www.w3schools.com/cssref/sel_before.asp CSS ::before Selector CSS ::before Selector Example Insert some text before the content of each element: p::before { content: "Read this: "; } Try it Yourself » More "Try it Yourself" examples below. Definition and Usage The ::before selector inserts something before th www.w3schools.com 사용법 : 엘리먼..

after 선택자 : 다양한 선택자 중 엘리먼트에 포함된 모든 스타일이 끝났을 때 실행하겠다는 선택자 명령어. (ex. 부모 엘리먼트에 포함된 자식 엘리먼트의 css가 끝이 난 후 실행하겠다. ) www.w3schools.com/cssref/sel_after.asp CSS ::after Selector CSS ::after Selector Example Insert some text after the content of each element: p::after { content: " - Remember this"; } Try it Yourself » More "Try it Yourself" examples below. Definition and Usage The ::after selector insert..

맥에 비주얼 스튜디오 코드&깃허브 설치 및 연동하기 비주얼 스튜디오 코드(VSCODE, 무료 에디터) : https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com 깃(git) 다운로드 : https://g..