4.繼承/擴展inheritance

@extend 指令,功能是讓選擇器去繼承另一個選擇器定義的所有樣式。

.alert{
    padding: 5px;
}

.alert a{
    font-weight: bold;
}

.alert-info{
    @extend .alert;
    background-color: aqua;
}

Last updated