Forums / National / Russian / Модули и плагины / CKEditor Как его настраивать ?

#47058 Kort:

div.syntaxhighlighter               { position: relative; }
  div.syntaxhighlighter:before      { color: @white; padding: 0 .5rem; background: @black; position: absolute; top: 0; left: 0; z-index: 1; }
  div.syntaxhighlighter.php:before	{ content: 'PHP'; }
  div.syntaxhighlighter.xml:before	{ content: 'XML'; }

С такими стилями у меня работает в Mozilla, Chrome и Edge и сразу и после перезагрузки страницы. Посмотри что в консоли, для очистки совести отключи кэш Cotonti и почисти кэш браузера.

Если на странице эти стили не прогрузились, посмотри в отладчике как и где загрузился css-файл с ними, на месте ли стили div'а.

Если подумать, то правильнее было бы так:

div:has(> div.syntaxhighlighter)            { position: relative; }
div:has(> div.syntaxhighlighter):before     { position: absolute; top: 0; right: 0; z-index: 1; }
div:has(> div.syntaxhighlighter.css):before { content: 'CSS/LESS'; }
div:has(> div.syntaxhighlighter.php):before { content: 'PHP'; }
div:has(> div.syntaxhighlighter.xml):before { content: 'XML'; }

Псевдокласс :before() должен применяться для непосредственного родительского элемента .syntaxhighlighter, иначе при горизонтальной прокрутке "лэйба" будет тоже скролиться. Но в Mozilla работать не будет -- псевдокласс :has() в нем пока что не реализован. В остальных браузерах все ок.

P.S. Или этот самый безымянный родительский div должен перестать быть безымянным.