Пользовательские HTML-элементы и работа с ними в CSS

Question

Возможно ли использовать пользовательские теги в html, например <g></g>, для группировки текста? Затем я хочу применить стиль к этим пользовательским тегам через CSS, которые выполняют ту же самую вещь, что и в скрипке с закругленными прямоугольниками и синим текстом.

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

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

Так что мне нужен способ создать тот же результат, что и оригинал, но с новым синтаксисом, чтобы текст мог быть скопирован.

http://jsfiddle.net/xa3apsdc/20/

Answer 1

ли <span class="g"></span> вместо этого и проблема решена.

На пользовательских тегов старые браузеры не могу поддержать его, но вы можете обращаться с ними, как другие не поддерживаются теги, так что если вы действительно нуждаетесь в этом, вы можете сделать это (бывший холст.): http://jsfiddle.net/xa3apsdc/22/

Вы encouter некоторые проблемы в любом случае: custom tags not working in ie8

Ключ установить display правило к элементу: display:block; или display:inline-block и вы намерены идти.