class 이름이 특정 단어/글자로 끝나는 요소들을 선택하기

<div class="start-page"></div>
<div class="prev-page"></div>
<div class="next-page"></div>
<div class="end-page"></div>

위의 요소들의 공통점은 class에 "-page"라는 단어가 들어있다는 것이다. 이것을 이용해 저 div들을 한 번에 선택하려면 아래와 같이 작성할 수 있다.

div[class$="-page"] {
  background-color: #333;
}

참고: https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors/Attribute_selectors