Рекурсивный селектор CSS?

Question

Я хотел бы предназначаться для DIV с классом, который находится в другом DIV с другим классом, это в основном то, что я хочу сделать:

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

Но я не могу поставить селекторов класса в других, мне начать использовать LESS или SASS или другой вид CSS-рамки?

С уважением,

Answer 1

вы можете сделать это как то с помощью чистого CSS:

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