:after 는 어떨때 넣는건가요?
본문
이런식으로 sns 아이콘하고
다음글이 같은 라인에 있었는데
#bo_v_sns:after {
display: block;
visibility: hidden;
clear: both;
content: "";
}
이 코드를 넣으니
다음글 부분이 아래쪽으로 내려갔는데요
이런식으로 다른 줄로 하고 싶을때 넣는건가요? 잘 이해가 안가서요
답변 1
before 와 :after 는 css3의 가상 선택자 중에 하나구요.
간단히 요약하면 컨테이너 요소안에 내용을 넣을수 잇는겁니다.
정확히 이해 하시려면 구글에 'css 가상클래스' 또는 'css 가상선택자' 를 검색하시면 잘 정리된 글을 찾아보실수 있으세요.
아참.. 그리고 clear: both; 이것의 영향으로 다음 글이 내려가는 걸거예요.
전체 코드를 모르니 유추 할수 있는건 이정도입니다.
답변을 작성하시기 전에 로그인 해주세요.