Как правильно задать условие для медиа выражений?

Question

[Дима Паутов]

Добрый вечер. У меня есть 2 условия:

@media (max-height: 710px), (max-width: 1069px){
.block {
height: 30px;
}
}

@media (max-height: 710px), (max-width: 700px){
.block {
height: 50px;
}
}

Почему, когда размеры экрана доходят до 2го правила, то первое почему-то приоритетней и 2е правило не перекрывает 1е условие?

Answer 1

[whoisthere]

@media (max-height: 710px) {

}

@media (max-width: 1069px) {

}

Так и пиши.
Или

@media screen and (max-width: 1069px) , screen and (max-height: 710px) {
.block {
height: 30px;
}
}

Answer 2

[justdealman]

@media (max-height: 710px) and (max-width: 1069px) {
	.block {
		height: 30px;
	}
}
@media (max-height: 710px) and (max-width: 700px) {
	.block {
		height: 50px;
	}
}

Comments

[Дима Паутов]

Не, ета штука не прокатывает. Она обязует что бы оба условия сработали, а у меня суть в том, что бы или то или другое