Skip to content

Commit 4b4bc7f

Browse files
krsy0411claude
andcommitted
[fix] CSS 셀렉터 개선 및 주석 명확화
Copilot PR 피드백을 반영하여 CSS 코드 품질을 개선했습니다. - 인라인 코드 셀렉터 정밀도 향상: .markdown-content :not(pre) > code (pre 태그 내부 코드 블록 제외, 직접 자식만 선택) - 유효하지 않은 CSS 속성 제거: max-height: auto - 주석 개선: 직접 자식 셀렉터(>)와 자손 셀렉터(공백) 사용 전략 명확화 Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
1 parent 258954a commit 4b4bc7f

1 file changed

Lines changed: 3 additions & 3 deletions

File tree

src/styles/content_style.css

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
/*
22
* Markdown 콘텐츠 전용 스타일
3-
* 직접 자식만 타겟팅하여 Web Components 제외
3+
* 기본적으로 .markdown-content의 직접 자식만 타겟팅하여 Web Components 경계를 침범하지 않으며,
4+
* 코드/링크 등 인라인 요소에 한해서는 예외적으로 자손 셀렉터도 사용합니다.
45
*
56
* BEM 구조:
67
* Block: .markdown-content (마크다운 콘텐츠 컨테이너)
@@ -209,7 +210,7 @@
209210
======================================== */
210211

211212
/* Element (논리적): 인라인 코드 (<code>) - pre 안에 없는 경우만 */
212-
.markdown-content code {
213+
.markdown-content :not(pre) > code {
213214
font-size: 0.875rem;
214215
font-family: var(--md-code-font-family);
215216
background-color: var(--md-code-inline-bg);
@@ -338,7 +339,6 @@
338339
height: 0;
339340
overflow: hidden;
340341
max-width: 100%;
341-
max-height: auto;
342342
}
343343

344344
.markdown-content .youtube-video iframe {

0 commit comments

Comments
 (0)