예를 들어 자원봉사자, 기부자 등 사이트 운영에 기여한 사용자들을 위한 사용자 그룹(User Groups)을 설정해 두었습니다. 이 사용자들의 게시글을 시각적으로 구분하고 싶은데, 예를 들어 게시글 전체에 테두리를 추가하는 방식입니다:
.group-Volunteers > article {
margin-top: 0.2em;
margin-bottom: 0.2em;
border: 0.2em dashed var(--tertiary);
border-radius: 1em;
padding-left: 0.5em;
}
이 코드는 한 그룹에서는 의도대로 작동하지만, 다른 그룹에서는 작동하지 않습니다. 래퍼 컨테이너에 group-* 클래스가 적용되는 데에는 어떤 규칙이 있나요?
예시: Introducing Gizz Tapes! - #13 by jamie - Some Context - KGLW.net Forum
이 게시글을 작성한 사용자는 자원봉사자(Volunteers) 그룹의 멤버인데, 예상과 달리 게시글의 래퍼 div에 group-Volunteers 클래스가 붙어 있지 않습니다. (참고로 이 주제 안에는 코어(Core) 그룹 사용자들의 게시글이 여러 개 있는데, 그 게시글들은 group-Core 래퍼가 정상적으로 적용되어 있습니다.)