再帰CSSセレクタ？

Question

I別のクラスで別の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; 
}