我可以在 scss 中不全部使用 @media 吗？

Question

I'm using scss and I just want to disable hover features on mobile for a very specific section of code. It's a nested div using the & prefix. So, basically:

.superclass{

    .subclass{

        @media not all and (pointer: coarse) {
         &hover{
         hover style
         }
    }
}}

Would this work? Right now I'm dealing with build issues keeping me from deploying my application locally and verifying that way.

Answer 1

Why don't you use a traditional size approach for mobile?

@media only screen and (max-width : 320px) {
/* Styles */
}