Empêche l'héritage des colonnes CSS?

Question

J'ai un récipient avec columns: 2 mais je voudrais demander à tous les enfants, sauf <ul>

Est-il possible? a essayé de mettre columns: 1 au <ul> mais ne le réaliser ..

.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>

Answer 1

ajouter ce code dans votre css:

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