float 해제하기(float clear하기)(가상클래스와 가상요소)
float을 처음에 써보신 분들이라면 float다음에 태그들의 위치가 이상하게 나오는 것을 경험해 보셨을 겁니다. float다음에 정상적으로 작동하게 하는 방법이 여러가지 있지만 지금 가장 추천드리는 방법은 가상요소 ::after를 사용하는 것입니다. 가상클래스는 선택자에 추가하는 키워드로, 선택한 요소가 특별한 상태여야 만족할 수 있습니다. -- 아마 여러분들이 인터넷을 하면서 메뉴에 마우스를 올렸을 때 메뉴 스타일이 바뀌는 것을 본적있을 겁니다. 아래 사진은 제 블로그 메뉴인데 javascript, nodejs에 마우스를 올려놓자 밑줄이 쳐졌습니다. 이때 사용한 것이 가상 클래스입니다. 클래스 뒤에 :hover를 붙인다음 스타일을 지정하면 마우스를 올려놨을 때 스타일이 변경됩니다. 가상요소는 선택자에..
css
2020. 5. 18. 00:43
공지사항