/* 모든 요소 선택 */
*{
  font-weight: bold;
  color: darkorange;
}
/* 같은 선택자의 경우 뒤에 오는 것이 우선순의 높음 */
* {
  color: plum;
}
/* 태그 선택자 */
p{
  color: olivedrab;
}
/* 클래스 선택자 */
/* 태그 보다 우선순위 높음 */
/* 페이지 상의 여러 요소가 같은 class를 가질 수 있음 */
.blue{
  color: lightblue;
}
/* 다른 선택자에 이어붙일 수 있음(태그, 클래스 등...) */
/* 선택자는 구체적일수록 우선순위 높음 */
p.blue{
  color: slateblue;
}
.blue.dark{
  color: mediumblue;
}
p.blue.dark{
  color: darkblue;
}
/* id 선택자 */
/* class보다 우선순위 높음 */
/* id는 페이지 상에서 요소마다 고유해야함 */
#red{
  color: tomato;
}
/* 그룹 선택자 */
span, .dark, #red{
  text-decoration: underline;
}