CSS 열 상속 방지?

나는 컨테이너가 columns: 2이지만, 모든 아이들에게 적용하고 싶습니다. <ul>CSS 열 상속 방지?

어떨까요? <ul>-columns: 1을 설정하려고하지만, 그것을 달성하지 않습니다 ..

.text { 
 
    columns: 2; 
 
    
 
    /* irelevant */ 
 
    width: 100%; 
 
    background: #ddd; 
 
    margin-bottom: 10px; 
 
} 
 

 
.text ul { 
 
    columns: 1; 
 
}

<div class="text"> 
 
    <p>Here is going to split the text in two columns</p> 
 
    <p>Which i what I want</p> 
 
</div> 
 

 
<div class="text"> 
 
    <ul> 
 
    <li>I dont want to happen</li> 
 
    <li>For list items</li> 
 
    </ul> 
 
</div>

출처

2017-09-06 Toni Michel Caubet

당신은 실제로 분할하고'.text' 두 개의 기둥으로 그것이 의도이고 의도 한 열이 하나 뿐인'ul'을 포함하는'.text'를 원한다면 부모 선택자가 없으므로 CSS에서는 불가능합니다. –

당신의 CSS에서이 코드를 추가

.text ul { 
    width: 200%; 
    display: inline-block; 
}

출처

2017-09-06 13:55:26 veera

'width : 200 %'는 필요하지 않은 것 같습니다. –

하지만 CSS에서는 상위 클래스를 제어 할 수 없으며 .text 클래스와 함께 다른 상위 클래스를 추가하고 열을 변경할 수 있습니다. 1 @ToniMichelCaubet – veera

huh? 나는 그 의견을 이해하지 못한다. 나는'display : inline-block'만으로 충분하다고 생각했다. –

CSS 열 상속 방지?

답변

관련 문제