CSS 스타일 상속

helpContent에는 itemContent의 모든 스타일이 있어야합니다. helpContent에서 itemContent을 (를) 상속하려면 어떻게해야합니까?

.itemContent { 
    BORDER-RIGHT: #ababe3 1px solid; 
    BORDER-TOP: #ababe3 1px solid; 
    DISPLAY: block; 
    PADDING-LEFT: 3px; 
    PADDING-BOTTOM: 3px; 
    PADDING-TOP: 3px; 
    OVERFLOW: hidden; 
    BORDER-LEFT: #ababe3 1px solid; 
    WORD-WRAP: break-word; 
    POSITION: static; 
} 
.helpContent { 
    BACKGROUND: #eff5ff; 
}

출처

2013-04-30 dumper

클래스 = "itemContent helpContent"; SASS를 사용하면 @extend와 함께 할 수 있지만 순수한 CSS는 복사/붙여 넣기가 필요합니다. – philipp

@philipp 독수리가 오기 전에 답을 빨리 적어주세요 : p – lifetimes

아니요, div가 2 css . 나는 HelpContent가 itemContent를 상속 받기를 원한다. .helpContent { 배경 : # eff5ff; itemContent; } – dumper

가장 쉬운 방법은

.itemcontent, .helpcontent { 
    border-right: #ababe3 1px solid; 
    border-top: #ababe3 1px solid; 
    display: block; 
    padding-left: 3px; 
    padding-bottom: 3px; 
    padding-top: 3px; 
    overflow: hidden; 
    border-left: #ababe3 1px solid; 
    word-wrap: break-word; 
    position: static; 
} 
.helpcontent { 
    background: #eff5ff; 
}

출처

2013-04-30 07:17:25 Robert

사이드 노트, 무시 대문자 –

질문에서 CSS 코드를 복사하여 상속을 변경했습니다. – Robert

걱정하지 마십시오. :) 내가 당신을 위해 해줬습니다. –

것 최단 방법은 다음과 같습니다

.itemcontent, .helpcontent { 
    border: 1px solid #ababe3; 
    border-bottom: none; 
    display: block; 
    padding: 3px 0 3px 3px; 
    overflow: hidden; 
    word-wrap: break-word; 
    position: static; 
} 
.helpcontent { 
    background: #eff5ff; 
}

출처

2013-04-30 07:36:32 Mark

CSS 스타일 상속

답변

관련 문제