Forum PHP.pl

Robię wersję strony na urządzenia mobilne.
Chcę dla jednego elementu zmienić wielkość czcionki :

[PHP] pobierz, plaintext 
@media only screen and (max-width: 499px) {
	.slide3 .content #content{
		font-size:20px;
	}
}
 
.slide3 .content #content{
	font-size:50px;
	color:#ffffff;
	font-family:Raleway;
	text-align:center;
	margin:0 auto;
	padding:40px;
}
[PHP] pobierz, plaintext 

Po tym jak okno będzie węższe niż 499 px wielkość czcionki powinna się zmienić na 20px.
Tak się niestety nie dzieje. Czy nie można tak nadpisać atrybutu? Czy źle to robię?

Stosujesz taki sam selektor w obu przypadkach, więc reguły z późniejszego nadpisują te ze wcześniejszego - IIRC @media nie ma znaczenia przy priorytecie selektorów.

Dwa rozwiązania:
1. Wstaw @media niżej w dokumencie.
2. Zmień selektory.