Как в css отменить 'display: none'?

Question

[Александр Шаповал]

Делаю свой микро-css фреймворк. Нужно что-бы при определенном размере экрана - блок исчезал, а при другом - появлялся.

.xsmall-hidden {
display: none;
}
.xsmall-visible {
display: ???;
}

Только вот элемент может быть table, block, block, block-inline и тд. Можно это сделать просто и красиво?

Благодарю за помощь

Answer 1

[iBird Rose]

.xsmall-visible {
    display: block;
  }
  table.xsmall-visibles {
    display: table;
  }
  tr.xsmall-visible {
    display: table-row;
  }
  th.xsmall-visible,
  td.xsmall-visible {
    display: table-cell;
  }

ну логику я надеюсь ты понял

Answer 2

[Сергей delphinpro]

Просто и красиво сделать можно (будет в будущем)

display: initial;

А пока что IE про это значение не знает caniuse.com/#feat=css-initial-value

Answer 3

[Алексей Скляров]

block или inline-block, в зависимости от назначения блока, если он должен иметь строчное поведение, то inline-block

Answer 4

[Kostya Gorozhanov]

Установите необходимое вам свойство например display: block;

Answer 5

[ThunderCat]

если все так сложно используйте visibility: visible | collapse