가상선택자 [CSS] CSS 애매한 것 다시 개념 잡기 nth-child(n) : div:nth-child(n) 의 뜻은 div이면서 n번째 child(자식)인 것을 선택해라! div:nth-child(1)은 없다. div:nth-child(2)를 해야지 div 1번째에 color가 적용이된다. nth-last-child(n) : 뒤에서부터~ nth-of-type(n) : div:nth-of-type(n) : div 중에서 n번째를 선택해라! n... CSSpositiondisplay가상선택자Inheritfloattext alignCSS TIL-44 :hover 태그:hover{} 마우스 커서를 대면 작동하는 선택자 :active 태그:active{} 마우스를 클릭시 작동되는 선택자 :focus 대화형 컨텐츠에서 사용가능 (input / img / tabindex) 태그:focus{} 마우스를 클릭시 바뀜 주로 input를 제어한다 css에서 태그 뒤에 띄어쓰기 하면 후손 선택자 선택가능하다? (o/x) 가능하다. 태그적고 한칸띄우면 그... 가상선택자CSSCSS 210701 개발일지 📌 학습한 내용 1. CSS 가상 선택자 : 선택한 요소에 행동과 규칙에 의해서 디자인을 적용하는 방식 <행동과 관련된 디자인을 적용하는 가상 선택자> link : 방문한 적이 없는 링크에 대한 디자인 적용 active : 클릭했을 시의 디자인 hover : 마우스를 올렸을 시의 디자인 (클릭 전) 포커스를 뒀을 때의 디자인 <일정한 규칙을 바탕으로한 디자인을 적용하는 가상 선택자> firs... 대구AI스쿨CSS웹프로그래밍가상선택자htmlCSS
[CSS] CSS 애매한 것 다시 개념 잡기 nth-child(n) : div:nth-child(n) 의 뜻은 div이면서 n번째 child(자식)인 것을 선택해라! div:nth-child(1)은 없다. div:nth-child(2)를 해야지 div 1번째에 color가 적용이된다. nth-last-child(n) : 뒤에서부터~ nth-of-type(n) : div:nth-of-type(n) : div 중에서 n번째를 선택해라! n... CSSpositiondisplay가상선택자Inheritfloattext alignCSS TIL-44 :hover 태그:hover{} 마우스 커서를 대면 작동하는 선택자 :active 태그:active{} 마우스를 클릭시 작동되는 선택자 :focus 대화형 컨텐츠에서 사용가능 (input / img / tabindex) 태그:focus{} 마우스를 클릭시 바뀜 주로 input를 제어한다 css에서 태그 뒤에 띄어쓰기 하면 후손 선택자 선택가능하다? (o/x) 가능하다. 태그적고 한칸띄우면 그... 가상선택자CSSCSS 210701 개발일지 📌 학습한 내용 1. CSS 가상 선택자 : 선택한 요소에 행동과 규칙에 의해서 디자인을 적용하는 방식 <행동과 관련된 디자인을 적용하는 가상 선택자> link : 방문한 적이 없는 링크에 대한 디자인 적용 active : 클릭했을 시의 디자인 hover : 마우스를 올렸을 시의 디자인 (클릭 전) 포커스를 뒀을 때의 디자인 <일정한 규칙을 바탕으로한 디자인을 적용하는 가상 선택자> firs... 대구AI스쿨CSS웹프로그래밍가상선택자htmlCSS