[CSS] 작성 규칙

• 최상단부터 하단의 내용이 overwrite되는 방식으로 규칙 적용

태그 유형별 스타일 적용 (예시)

/*모든 div 태그에 적용*/
dix {
  width: 100%;
}

/*id 기준 스타일 적용*/
#my_id {
  width: 100%;
}

/*class 기준 스타일 적용*/
.my_class {
  width: 100%;
}

/*div의 모든 my_id에 적용*/
div my_id {
  height: 10px;
}

/*div 밑의 my_class 밑의 list item에만 스타일 적용*/
div>.my_class>li {
  text-align: center;
}

class에 스타일 적용