是否可以將css子類封裝在一個類中？

是否有可能以某種方式包裝多個子類，例如html-wrapper風格：是否可以將css子類封裝在一個類中？

.class{ 
    .subclass1{ 
     /* rules */ 
    } 
    .subclass2{ 
     /* rules */ 
    } 
}

，而不是：

.class .subclass1{ 
    /* rules */ 
} 
.class .subclass2{ 
    /* rules */ 
}

它將使編輯單個頁面上各種元素不是不停地指到父頁/ div要容易得多，在同樣的方式，@media{}做。這是目前可以實現的嗎？

與CSS預處理器，是的。 http://htmlmag.com/article/an-introduction-to-css-preprocessors-sass-less-stylus –

SCSS，LESS或類似的其他預處理器語言都支持這種語法。 –

在純CSS中是不可能的。但是，您可以在CSS預處理器中執行此操作，例如Sass。你可以閱讀更多關於它here

2016-12-01 12:27:24

回答