I have this CSS code that works for me, but I have tried to unify it and it doesn't work for me.
#menu-header-neumaticos > a > span.menu-mobil {
border-bottom: none !important;
color:white;
}
#menu-header-coches > a > span.menu-mobil {
border-bottom: none !important;
color:white;
}
I have unified it in this way, I have tried these two ways
#menu-header-neumaticos,#menu-header-coches > a > **span.menu-mobil** {
border-bottom: none !important;
color:white;
}
or in this way
#menu-header-neumaticos,#menu-header-coches > a > **span**{
border-bottom: none !important;
color:white;
}
And it doesn't work for me, the css doesn't apply to me.
I don't quite understand what you intend to do with those asterisks. Perhaps they are used in SCSS , which I am not familiar with. But what you intend can be done with CSS directly. All you have to do is enter both selectors separated by a comma for the rules to apply to both.
In
SASS
you could do:Option 1
Option 2 ( using
@extend
)