Rekursiver CSS-Selektor?

Question

Ich mag würde ein div mit einer Klasse konzentrieren, die mit einer anderen Klasse in einem anderen div ist, das ist im Grunde, was ich tun möchte:

.footer { 
    position: sticky; 
    bottom: 0; 
    width: 100%; 
    /* Set the fixed height of the footer here */ 
    height: 60px; 
    background-color: #2f2f2f; 
    .container { 
     width: auto; 
     max-width: 680px; 
     padding: 0 15px; 

     .text-muted { 
      margin: 20px 0; 
     } 
    } 
} 

Aber ich kann nicht Klasse Selektoren innerhalb andere setzen, werde ich Beginnen Sie mit LESS oder SASS oder einer anderen Art von CSS-Framework?

Grüße,

Answer 1

Sie es so, dass mit reinem CSS machen können:

.footer { 
position: sticky; 
bottom: 0; 
width: 100%; 
/* Set the fixed height of the footer here */ 
height: 60px; 
background-color: #2f2f2f; 
} 

.footer .container { 
    width: auto; 
    max-width: 680px; 
    padding: 0 15px; 
} 

.footer .container .text-muted { 
     margin: 20px 0; 
}