CSS selector

• 클래스가 또는 아이디가 선택자일때, 결합하여 사용할 수 있습니다.

p.p-tag {  /*p태그안에 있는 클래스 p-tag를 선택*/
  color: gray;
}
p#third-line {   /*p태그안에 있는 아이디 third-line를 선택*/
  text-decoration: underline;
}

• 여러 선택자도 사용할 수 있습니다.

.pre span {  /* pre 클래스 안에 span 태그 선택 */
  background-color: yellow;
}

CSS Specificity

• CSS에서 우선순위는
  1.인라인스타일
  2.아이디
  3.클래스
  4.태그

Assignment

style.css 파일의 18번 째 줄에 css하나가 있습니다.

.container header p.title {
  font-size: 50px;
}

이 css가 적용되어 제목이 나올 수 있도록 html을 추가해주세요.

    <div class="container">
      <header>
        <p class="title">글자크기는 50px입니다</p>
      </header>
    </div>