Media Queries - zamiana/ nadanie nowych atrybutów dla ID/klasy

Question

Witam, jak w Media Queries zamienić atrubyty? 

bo np. w tym wypadku działa

media only screen and (max-width: 500px)  {


#logo{
font-size:20px;
}

}



#logo{
}

 

leczy gdy ustale dla #logo odrazu font-size to potem media queries nie zmieni go na inny

 

Tak już nie zwiększy fontu:

 

media only screen and (max-width: 500px) and (max-height: 500px) {


#logo{
font-size:50px;
}


}



#logo{
font-size:20px;
}

Gdy wcześniej ustalimy font-size, Mediq Q już go nie zmieni, lecz gdy zrobimy to np. z background-color już zmieni

 

Pytanie:

 

Jak zamieniać atrybuty dla danych id gdy wcześniej ustalimy?

jak zamieniać wcześniej ustalonego id/klasy w Media Q?

 

Mam nadzieje że wiecie mniej więcej co mam na myśli.

Answer 1

#logo{
font-size:20px;
}
media only screen and (max-width: 500px) and (max-height: 500px) {
#logo{
font-size:50px;
}
}

Najpierw zwykłe style, a na końcu media queries

Comments

To działa :o

 

Nie wiedziałem że kolejność ma znaczenie, niech bóg ci w dzieciach wynagrodzi!