Пользовательские теги CSS

Question

Я разрабатываю приложение для чата. Отображение сообщений - все html, поэтому html-теги работают для форматирования текста. Я бы хотел, чтобы теги, такие как <red></red> и т. Д., Изменили цвет текста. Нужно ли вообще определять новые теги, или мне просто нужно заменить поддельные теги на фактический html?

Answer 1

Во всех современных браузерах вы можете использовать свои собственные тег в буквальном смысле (однако обратите внимание, что его не действительного HTML/XHTML разметки):

<red>some red text</red> 

Тогда в CSS:

red { color: red; } 

Однако в IE8 и ниже вам нужно будет использовать некоторый JavaScript, чтобы Internet Explorer мог создавать теги «созданного» (таким же образом, что вы активировали новые теги HTML5, такие как article, и т. Д.

document.createElement('red'); 

Здесь a JSFiddle illustrating the above.

Answer 2

Нет, безопаснее придерживаться <span class="red"></span>. Это HTML не XML/XLST.

Answer 3

Вы можете использовать LessCSS, который в основном представляет собой «предварительный процессор» для CSS. Существует также .NET version.

Препроцессор понимает простые переменные, встроенные функции и подобные вспомогательные конструкции, что избавляет вас от написания повторяющегося кода.

Примером может служить:

@brand_color: #4D926F; 

#header { 
    color: @brand_color; 
} 

h2 { 
    color: @brand_color; 
}