Возможно ли создавать в визуальном редакторе вложенные блоки одного класса?

Question

[MadWastefield]

Люблю использовать вложенные блоки div с увеличенным левым margin для демонстрации иерархии.
Заводишь один класс:

.incBlock
{
 display: inine-block
 margin-left: 30px;
 border: solid 1px black;
}

и применяешь его ко всем div-ам — внешнему, внутреннему, вложенному во внутренний и так далее. Получается довольно наглядно, и сильно напоминает табуляцию в программировании для обозначения блоков.
Так вот в WordPress мне с такой простой задачей никак не удаётся справится, если я пытаюсь делать всё через визуальный редактор.
Редактор — Tiny MCE Advanced. В ней включено использование стилей из editor-style.css, где прописан нужный мне стиль блока .incBlock.
Я выделяю текст, успешно применяю к нему свой блочный стиль, делаю внутри блока перенос на Shift+Enter, ввожу текст нового вложенного блока, пытаюсь применить к нему тот же стиль, но вместо того, чтобы применить его и сделать его вложенным блоком он наоборот «снимает с него» стиль в который он уже обёрнут (он же одноимённый).
В итоге организовать такую вот вложенность блоков через визуальный редактор удаётся только совсем дурацким образом: насоздавать кучу одинаковых нумерованный стилей incBlock1 incBlock2 incBlock3 и так до неизвестности. Каждый вложенный блок приходится оборачивать стилем отличным от родительского. Гемор — согласитесь ведь.

Есть ли какой нибудь красивый способ организовать описанную мной работу с блоками? Шорткоды не предлагать. Может быть можно как то отключить снятие стиля при применении к тексту того же самого стиля? Думаю это бы решило проблему. Ещё бы помогло отключение автовставки закрывающего тэга. Просто сделал бы две кнопки - одну для открывающего тэга с прописанным классом, вторую для закрывающего и вставлял бы куда нужно, но вот инфы как отключить автовставку закрывающего тэга не нашёл.

Answer 1

[ой всё]

какую-то ерунду вы пишете, зачем вам прописывать один и тот же стиль во всех вложенных div'ах, если у вас есть сами div'ы?

опять же в любом редакторе можно вставить в код все что угодно, но в вашем случае надо сначала почитать ликбез по css

Comments

[MadWastefield]

опять же в любом редакторе можно вставить в код все что угодно, но в вашем случае надо сначала почитать ликбез по css

Ну в таком случае вам повезло, потому что вам нужно прочитать всего лишь мой вопрос, где я чёрным по белому пишу:

Так вот в WordPress мне с такой простой задачей никак не удаётся справится, если я пытаюсь делать всё через визуальный редактор.

Мне нужно добиться всего этого через визуальный редактор, не прибегая к редактору кода (на вкладочке "визуально" не кликая по вкладочке "текст")

какую-то ерунду вы пишете, зачем вам прописывать один и тот же стиль во всех вложенных div'ах, если у вас есть сами div'ы?

Я сильно надеюсь, что пишу ерунду и есть какое то более простое решение, но пока мне что-то подсказывает, что ерунду пишете вы.
Зачем мне прописывать один и тот же стиль во вложенных блоках? - Так это особенности наследования CSS! Цитирую из мануала:

Свойства, относящиеся к форматированию блоков, не наследуются. Это background, border, display, float и clear, height и width, margin, min-max-height и -width, outline, overflow, padding, position, text-decoration, vertical-align и z-index.

А мне нужны вложенные блоки с margin-left равным какой нибудь приличной величине. То есть если я сделаю так:

<div class="cl">
 1
 <div>2</div>
</div>

где cl - это класс где задан нужный мне margin-left, то отступ будет только у внешнего дива, а у внутреннего будет обычный стандартный отступ. В любом случае нужно назначать всем вложенным дивам тот же самый класс.

[Милок Мурлыка]

MadWastefield,

Зачем мне прописывать один и тот же стиль во вложенных блоках? - Так это особенности наследования CSS! Цитирую из мануала:

Полагаю имелось в виду, что вы должны были сделать так:

.cl div {
  margin-left: 30px;
}

А вообще мне кажется вы неправильным путем идёте, таким образом можно особое выделение текста задать, а не древовидную структуру строить.

[MadWastefield]

Милок Мурлыка, Спасибо большое! Тупил безбожно, забыл что такая фишка есть, ещё раз спасибо, что пямым текстом напомнили) Жаль только, что Wordpress продолжает чинить какую то дич, и всякий раз когда я пытаюсь в визуальном редакторе сделать блоком содержимое другого блока, он удаляет внешний блок и за одно содержимое внешнего блока... В общем теперь вся надежда на отключение автозавершения тегов видимо только это способно мне помочь.
PS кстати, вы там обмолвились, что есть какие-то иные решения для визуализации древоидной структуры - поделитесь наводкой, может действительно есть что получше нежели мои блоки со смещением вправо.

[Милок Мурлыка]

ой всё, Почему вы такая злюка? О.О
MadWastefield, проще всего будет написать свой плагин для tinymce.