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

Question

[Kerrik Солнце]

Вот код НТ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?

Comments

[WapSter]

Да ты угараешь.

width: 280px;
  max-width: 300px;

вот подумай логически, ты сказал быть блоку 280пх, как он тебе может стать больше 280пх? Растишку переест?)

Почему в DevTools тогда все значения остаются такими же, как и в моем кодe?

А какими они должны быть?

Answer 1

[Dima Polos]

Третьему сказали: ширина 280, но если надо можно и 300.
А четвертому сказали: ширина 300, но не больше 280...
- Товарищ прапорщик, телевизор можно посмотреть?
- Можно, только не включай!