如何在同一元素中使用伪和媒体查询

Question

更改悬停颜色取决于使用Radium进行的媒体查询吗？

我需要在悬停时使用每个媒体查询以具有特殊颜色 当鼠标悬停在“ divEle”中且媒体尺寸超过500px时，文字颜色为绿色， 将鼠标悬停在“ divEle”中且媒体小于500像素时，文本颜色为灰色，

const Style ={
        divEle : {
            '@media (min-width:500px)':{
                color: 'red',
                ":hover":{
                    color:'green'
                }
            },
            color: 'red'
            ,':hover': {
                 color:'gray'
            },
        }
     }