JuinThyme

사용 동작에 반응하는 가상 클래스 사용자가 웹 요소를 클릭하거나 마우스 커서를 올려놓는 등 특정 동작을 할 때 스타일이 바뀌도록 만들고 싶다면 가상 클래스 선택자를 사용한다. :link 가상 클래스 선택자 문서 안의 하이퍼링크 중에서 사용자가 아직 방문하지 않은 링크에 스타일을 적용한다. :visited 가상 클래스 선택자 문서의 링크 중에서 한 번 이상 방문한 링크에 대한 스타일을 적용한다. :hover 가상 클래스 선택자 웹 요소 위로 마우스 커서를 올려놓을 때의 스타일을 지정한다. :active 가상 클래스 선택자 링크나 이미지 등 웹 요소를 활성화했을 때 스타일을 지정한다. :focus 가상 클래스 선택자 웹 요소에 초점이 맞추어졌을 때의 스타일을 지정한다. 메뉴 1 메뉴 2 메뉴 3 메뉴 4 실..

IT/HTML 및 CSS 2021. 5. 13. 12:36

하위 선택자 하위 선택자(descendant selector)는 부모 요소에 포함된 하위 요소 모두에 스타일이 적용되는 것으로 '자손 선택자'라고도 한다. 자식 요소 뿐만 아니라 손자 요소, 손자의 손자 요소 등 모든 하위 요소까지 적용된다. section p { color: blue; } section은 상위 요소고, p는 section 요소의 하위 요소다. 애국가 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세. css에 section 태그의 태그의 아래 모든 요소의 글자 색상이 파란색으로 적용되게 했다. 그러면 태그는 적용된 속성이 없기 때문에 default 값인 검은색이 표출된다. 실행 화면 자식 선택자 - 자식 요..

IT/HTML 및 CSS 2021. 5. 11. 18:48