before 질문 드립니다.
260
작성한 질문수 2
안녕하세요 강의를 듣던중 문의 사항이 생겨 질문드립니다!
텍스트 아래 호버시, 라인 만드는 예시에서 before 가상클래스 써서 진행하셨는데 이라인이 텍스트 아래 있는건데 after가 아니고 왜 before를 쓰는걸까요..? before는 앞에 생겨야되는거니까 텍스트 위에 생겨야되는게 아닌지 의문입니다..ㅠㅠ
답변 1
2
before after의 사용법은 2가지로 생각하세요.
하나는, 포지션을 사용하지 않고 before after의 기본 위치를 사용하는 경우에요.
예를 들어, new 나이키신상품 hot 라는 글이 있다고 치면,
before에 new를 넣으면 앞에 들어가고, after에 hot을 넣으면 뒤에 들어갑니다.
두번째는, 포지션을 사용할 경우 before after의 위치는 사용자가 자유롭게 정하는 것이기 때문에 뒤에 있다고 after를 쓰고 앞쪽에 있다고 before를 쓸 필요는 없습니다. 아무거나 사용하시면 됩니다.
그래서 이 예제에서 아래쪽 보더를 만드는건데 왜 after가 아니고 before를 썼는지에 대한 질문이신데 뭘 써도 상관없습니다.
참고로, before는 부모요소의 앞에 위치하지 위에 위치하는건 아닙니다. 앞뒤는 자동으로 before after로 위치되지만 상하는 포지션으로 잡습니다. 곧, 위 아래에 위치할 경우는 before after 아무거나 사용하시면 됩니다.
class 값 한 번에 부여하는법
2
80
1
@media에서의 flex-direction: column으로 세로배치 관련 질문드립니다.
1
69
1
div#css-checker-widget의 해결방
1
60
2
input의 포커스되었을때 검정선이 사라지지 않아요
0
79
2
강의듣는법
1
73
1
아코디언 만들기 100%이하의 화면으로 보았을때
1
68
2
input checked 질문합니다.
0
76
1
Bracket Pair Colorizer - 비주얼 스튜디오
1
140
2
Part 1 영상 안나옵니다
1
88
1
제이쿼리 작동이 안됩니다
1
199
3
강의 내용 질문있습니다.
1
120
2
일정 부분만 주석하는 방법
1
211
2
폰트어썸
1
134
2
인접선택자에 대한 질문드립니다!
1
129
2
delay 적용 안됨
1
134
1
rotateY(360deg)가 적용이 안됩니다!
1
186
2
세로이동할때 height값
1
138
2
폰트어썸이 안되요..
1
485
2
화면 정중앙에 오게끔 할수있나요?
1
169
1
어코디언 네비게이션 중
1
124
1
라이브서버 문제
1
225
2
넷플릭스 어코디언 예제 질문
1
102
1
이번 강의에선 display flex가 무조건 적으로 필요한건가요 ?
1
154
1
active 관련 질문
1
145
2