2020.10.08 TIL

CSS

• 부모개체에 position : relative 정의를 해줘야, 자식 객체에 position: absolute 하고, relative 한 부모개체를 기준으로 움직이게 된다.
• pseudo selector : div 중 첫번째 / 마지막 / 2n / ... 기타 등등 개체에 css를 적용하고 싶을때, class나 id를 사용하는 것보다 나을 수 있다. 

<div>
  <p>고양이는 귀엽다<span>고양이</span></p>
  <span>개</span>
</div>

<span>고양이</span>만 기울림 효과를 주고 싶다면, p span { font-style: italic } 이라고 하면 된다.

div 바로 직속 자녀 개체인 <span>개</span>에만 해당 효과를 주고 싶다면 div > span { font-style: italic }이라고 하면 된다.

p 바로 다음 인 개체일 떈 p + span { font-style: italic } 하면 된다. (출처 : mdn attribute selector)