带有重命名的CSS样式扩展

Question

我的问题是关于重命名和扩展CSS样式。 假设我导入了一个css文件，其格式低于

// These two styles are from imported css

buttonStyle{ ....    }    
buttonStyle:hover{....}


// I want to create a new style 
   myStyle extends buttonStyle:hover { ...}

是否可以扩展我的新风格，以便将我的风格与buttonStyle+buttonStyle:hover+ myStyle内容合并

Answer 1

我们无法在CSS中扩展属性，为什么你不能这样做：

在导入的CSS中，我们只是添加myStyle和其他两个

buttonStyle, myStyle {
 .... 
}

buttonStyle:hover, myStyle {
....
}

myStyle {
// Add on properties for myStyle
}

这样myStyle将获得前两个属性，然后是第三个属性，重复属性将被覆盖其优先级。