웹 뷰어 메인 유형에 스타일 적용 문의

웹 뷰어 메인 유형을 "타일"로 선택 시 "파트"에 해당하는 제목에 스타일을 적용할 수 있을지 문의드립니다.

현재 생성되는 코드에서는 해당 영역이 "파트"인지 아닌지 구분할 수 있는 class 정보가 없는 것 같아서요.

다음과 같이 작성합니다.

ui-viewer-tile {
    > ui-array {
        font-weight: bold;
    }
}

구체적인 설정에 따라 selector를 더 상세하게 해야 할 수 있습니다. 필요한 효과를 알려주시면 더 구체적인 답변을 드리겠습니다.

감사합니다.

답변주신 코드를 사용하면 파트 뿐 아니라 장 제목도 스타일이 바뀌지 않나요?

맞습니다. 필요하다면 부를 구분할 구분자를 넣겠습니다.

감사합니다. 

ui-viewer-title 태그에 장 유형을 data-type 속성으로 추가했습니다. 따라서 다음과 같이 작성합니다.

ui-viewer-tile[data-type=PART] {
    > ui-array {
        font-weight: bold;
    }
}

감사합니다.