💅🏼 CSS 스타일 적용하기

💅🏼 CSS 스타일 적용하기

어렵다 CSS ㅜㅜ

• z-index:999 => 가장 앞으로 배경을 올려줄 수 있다.

• role: 'dialog' => 모달창 구현시 필수적으로 적용해줘야한다. 글자그대로 대화창 처럼 화면이 뜨게 해준다.

• ' > ' => 자식 결합자로, 첫 번째 요소의 바로 아래 자식인 노드를 선택한다. 직계자식을 선택하게 하여 css를 적용하게 한다.

• ' . ' => 클래스 선택자로, 주어진 class 특성을 가진 모든 요소를 선택한다.

• &:hover => SCSS 스타일로 this의 의미를 가진다.
  예를들어,

 a {
    color:#ff0000;
    &:hover {
       color:#0000ff;
    }
 } // 는 아래와 같이 읽을 수 있다.

 a {
    color:#ff0000;
 }
 a:hover {
    color:#0000ff;
 }

• &.클래스명 => 해당 클래스가 활성화 되었을 경우의 CSS를 구현한다.