В сегодняшнем обновлении Chrome 40 я заметил, чтоjustify-content похоже не переопределяется должным образом последующими декларациями стиля.

Увидетьэта скрипка для примера:

  <div class="flex-parent">
    <div class="flex-child"></div>
    <div class="flex-child"></div>
  </div>

а также

.flex-parent {
  display: flex;
  position: absolute;
  top: 0; right: 0; left: 0;

  /*
     IT SHOULD BE POSSIBLE TO SAFELY REMOVE
     THESE TWO LINES BECAUSE THEY ARE OVERRIDEN:
  */
  background: yellow;
  justify-content: center;
}

.flex-parent {
  /* Overriding background: it works! */
  background: green;

  /* Overriding justify-content: NOPE ;-( */
  justify-content: space-between;
}


.flex-child {
  width: 50px;
  height: 50px;
  margin: 10px;
  background: skyblue;
}

Firefox (переопределить работает):

Chrome 40 (кажется, переопределение не работает):

Я прав в своих предположениях или я ужасно неправильно понимаю CSS? Обратите внимание, что это не связано с префиксами: Chrome поддерживает без префиксовjustify-contentи если это не сработает, не будет никакой разницы при комментировании правил в первом селекторе.

Обновление: подано какhttps://code.google.com/p/chromium/issues/detail?id=451387