/* 1. class 속성이 있는 div 선택 */
div[class] {
  font-size: 24px;
}
/* 2. 클래스 이름이 blue인 div 선택 */
div[class="blue"] {
  color: skyblue;
}
/* 3. 클래스가 blue를 포함하는 div 선택 */
/* ~=는 단어 단위로 판단하기 때문에 skyblue는 선택되지 않는다 */
div[class~="blue"] {
  background-color: black;
}
/* 4. 클래스 이름이 sky로 시작하는 div */
div[class^="sky"] {
  color: blue;
}
/* 5. 클래스가 green으로 끝나는 div */
div[class$="green"] {
  color: seagreen;
}
/* 6. 클래스가 seag 문자열을 포함하는 div */
div[class*="seag"] {
  background-color: lavender;
}