Лучше ли иметь несколько медиа -запросов для разных элементов или разных ширины? ⇐ CSS

[Anonymous]

Я создаю адаптивный сайт, и в настоящее время я делаю несколько медиа -запросов. Я пишу их, как иду, например: < /p>

.status-reply-disabled {
color: #B1B1B1;
font-size: 14px;
margin-top: 10px;
position: absolute;
margin-left: 65px;
}

@media screen and (max-width: 600px) {
.status-reply-disabled {
font-size: 10px;
margin-left: 35px;
}
}
< /code>

Тогда чуть позже у меня будет что -то подобное: < /p>

.status-reply-avatar {
border: 1px solid #d8d8d8;
width: 45px;
border-radius: 50%;
position: absolute;
}

@media screen and (max-width: 600px) {
.status-reply-avatar {
display:none;
}
}
< /code>

Было бы лучше для времени обработки, чтобы все медиа -запросы, скажем, 600px в одном большом запросе? Как это: < /p>

@media screen and (max-width: 600px) {
.status-reply-avatar {
display:none;
}
.status-reply-disabled {
font-size: 10px;
margin-left: 35px;
}

...

All other styles for this width

...

}
< /code>

или то, что у меня все хорошо? < /p>

Подробнее здесь: https://stackoverflow.com/questions/453 ... -different