Почему в 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?
  • Вопрос задан
  • 70 просмотров
Пригласить эксперта
Ответы на вопрос 1
dimovich85
@dimovich85 Куратор тега CSS
Уроки по JS - https://t.me/school_ofpery
Третьему сказали: ширина 280, но если надо можно и 300.
А четвертому сказали: ширина 300, но не больше 280...
- Товарищ прапорщик, телевизор можно посмотреть?
- Можно, только не включай!
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
16 июл. 2020, в 17:28
10000 руб./за проект
16 июл. 2020, в 17:26
3000 руб./за проект
16 июл. 2020, в 17:04
500 руб./в час