Можете ли вы использовать HTML-объекты в свойстве CSS? Content?

Я хотел бы использовать HTML-объекты в CSS, но вместо этого он показывает •.

.down:before{
    content:"&bull; ";
    color:#f00;
}

Кроме того, почему приведенный выше код не работает в IE? он вообще не показывает переднюю часть.

Ответы

введите шестнадцатеричное значение вашего символа типа bullet, например

div:before{
    content:"\2022";
    color:#f00;
}

проверьте этот скрипт http://jsfiddle.net/sandeep/HPrkU/1/

ПРИМЕЧАНИЕ: после и до работы в IE8

Я предполагаю, что вы хотите отобразить фактический символ •, если просто используйте символ • вместо •.

Изменить: Я нашел еще один поток: Как включить HTML-кодированный контент: " символ в CSS?

Возможно, это подтвердит:

.down:before{
    content:"\2022 ";
    color:#f00;
}

Предполагая, что вы хотите, чтобы пользователь увидел •, вы можете просто избежать этой последовательности, чтобы дать:

.down:before{
    content:"\&bull; ";
    color:#f00;
}

Что касается того, почему он не отображается в IE7, это потому, что IE не поддерживает сгенерированный контент или селектор :before.

Отредактировано, чтобы предложить, чтобы увидеть фактический символ пули, вы должны использовать:

.down:before{
    content:"\2022";
    color:#f00;
}

Вам нужно избегать ваших объектов:

.down:before{
    content:"\&bull; ";
    color:#f00;
}

Вы не можете видеть это в IE, потому что IE не поддерживает: before (not: after)