Emotion CSS中属性的特异性

Question

我有一个组件，其中我将用Emotion Css编写的样式导入Js库。

import cx from 'classnames';
import styles from '../../CompName.styles';

...

const classes = cx(
    styles.col, {
     styles.getWidth(12): colWidth
    }, mediaClasses, className)

return <div className={classes}>{children}</div>;

mediaClasses是一个道具，在其中生成带有媒体查询的样式。但是在我的组件中，它们的优先级比没有媒体的样式低。

在CSS中没有!important的情况下如何解决特异性？感谢您的帮助。