Почему в DevTools не видны изменения?

Вот код НТML:
<p class="three">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ratione fugit ipsam illum, nam suscipit omnis adipisci commodi ipsa vel saepe, consequatur. Voluptatem dolor, aliquid, nemo minus dolore excepturi asperiores ipsa.</p>
	  	<p class="four">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque, nisi sunt quidem cupiditate expedita doloribus commodi error id ipsam nostrum eaque pariatur quae quod reiciendis, temporibus ut alias at enim?</p>

CSS:
.three {
	background: #33b537;
	width: 280px;
	max-width: 300px;
	padding: 15px;
}

.four {
	background: yellow;
	width: 300px;
	max-width: 280px;
	padding: 15px;
}


По "правилам" width/max-width ширина будет принимать наименьшее значение из тех, которые принимают те же width/max-width. То есть как в первом, так и во втором блоке текста значение ширины р будет 280px. Так это и отображается, блоки совершенно одинаковые. Почему в DevTools тогда все значения остаются такими же, как и в моем кодe?
  • Вопрос задан
  • 103 просмотра
Пригласить эксперта
Ответы на вопрос 1
dimovich85
@dimovich85 Куратор тега CSS
https://u-academy.net/
Третьему сказали: ширина 280, но если надо можно и 300.
А четвертому сказали: ширина 300, но не больше 280...
- Товарищ прапорщик, телевизор можно посмотреть?
- Можно, только не включай!
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы