[TDL] 04/09 Today's-Done-List

- css 속성 학습

• 가상 클래스 선택자 active
  active는 마우스를 누르는 순간부터 떼는 순간까지 작동하며, 일반적으로 <a>, <button> 요소에 사용됨.
  active는 자신보다 뒤에 위치하고 동등한 클래스가 (:link, :hover, :visited) 덮어쓰기 때문에,
  LVHA (:link - :visited - :hover - :active) 순으로 디자인해야 함. active 규칙을 다른 모든 링크 규칙들보다 뒤에 배치.
• 가상 요소 선택자 first-letter, first-line, selection, before, after
  가상 클래스 선택자는 selector:active 같이 콜론을 하나 붙이지만, 두 개 붙여주는 것이 좋음.
  • first-letter는 말 그대로 첫 번째 글자, first-line은 첫 번째 라인에 스타일을 적용해주는 것이다.
  • 그리고 before, after는 content와 무조건 같이 사용해야 하는데, 원래 <p>를 보면 Lorem이 첫 단어이지만,
    before를 사용할 경우 <p> 요소 맨 앞에 content를 추가해주는 것이다. (after는 반대로 맨 끝에)
  • selection은 내가 마우스로 <p> 요소를 선택할 경우 (드래그) 적용되는 속성!

---

[ 출처, 참고 : 제로베이스 프론트엔드 스쿨 ]