Javascript-форум - Как задать фиксированые оступы элементов, не нарушая структуру css

Делаю небольшой html редактор. Столкнулся с проблемкой.
Вопрос больше по css, но не знаю возможно ли сделать такое.
Существует ли тэг, который не учитывается в правилах css при цепочках parent>child.
Например есть код.

<div class="t0">
      <p class="t1">ffffff</p>
      <div class="t2"></div>
</div>

В css есть правило.
.t0>.t1{
font-size:40px;
}
Мне надо все элементы на странице обернуть красными рамками в 10px. Как это можно сделать не нарушая правил типа - .t0>.t1. Существует ли в css тэг, который не учитывается при построениях правил, но имеет свой padding?
Хотелось бы что-то типа.

<tag><div class="t0">
      <tag><p class="t1">ffffff</p></tag>
      <tag><div class="t2"></div></tag>
</div>
</tag>

Если такого тэга невидимки нет, то у меня вариант - задать все блокам border Толщиной 10px с красным цветом, но в этом случаи, эта рамка будет перекрывать изначальную рамку элемента.