Сброс / удаление стилей CSS только для элемента

Я уверен, что это должно было быть упомянуто / спрошено раньше, но искали возраст без удачи, моя терминология должна быть неправильной!

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

хороший пример использования может быть в мобильном первом сайте RWD, где большая часть стиля используется для определенного элемента в представления с малым экраном требуют "сброса" или удаления для одного и того же элемента в представлении рабочего стола.

правило css, которое может достичь чего-то вроде:

.element {

  all: none;

}

пример использования:

/* mobile first */

.element {

   margin: 0 10;

   transform: translate3d(0, 0, 0);

   z-index: 50;

   display: block;

   etc..

   etc..

}



@media only screen and (min-width: 980px) {

  .element {

    all: none;

  }

}

таким образом, мы могли бы быстро удалить или переустановить стиль без необходимости объявлять каждое свойство.

смысл?