게시물에만 다른 배경색 적용

제품 지원
1

안녕하세요,

제 사이트의 배경색을 변경하고 싶은데, 게시글/토픽에만 적용하고 싶습니다.

배경색을 제어하는 태그는 html입니다.

하지만 html 태그에는 게시글을 위한 특정 클래스가 없습니다.

아래 코드를 사용하면 작동합니다:

html .archetype-regular {
    background-color: #F5F5F5;
}

하지만 @Don님이 제공하신 .topic-body에 다른 색상을 적용하기 위해 제가 사용 중인 아래 코드와 충돌이 발생합니다:

.topic-body {
    background-color: #fff;
    &.highlighted {
        animation: background-fade-highlight-custom 2.5s ease-out;
    }
}

@keyframes background-fade-highlight-custom {
  0% {
    background-color: var(--tertiary-low);
  }
  100% {
    background-color: #fff;
  }
}

어떻게 해야 할까요?

도와주세요

2

안녕하세요,

정확히 무엇을 말씀하시는 건지 잘 이해가 되지 않습니다. 원하시는 결과를 보여줄 수 있는 스크린샷이나 목업(Mockup)을 공유해 주실 수 있을까요? :slightly_smiling_face:

3

무엇을 달성하려는 건지, 또는 Don의 어떤 코드와 충돌하는 건지 정확히 모르겠네요.

하지만 !important를 사용해 CSS에 우선순위를 부여할 수 있습니다. 예시:

.topic-body {
    background-color: #fff !important;
}