Próbuję dodać specjalny znak html za pomocą jego kodu. Działa dobrze, gdy używam go wewnątrz mojego div, ale jak mogę to zrobić za pomocą css.Jak dodać znak specjalny html (strzałka w prawo) przy użyciu właściwości treści css?
Próbowałem jak następuje.
.right-arrow:after {
content:'►'
}
EDIT
Chciałem tam nie ma w odpowiedzi Matt Balla bo chciałem kod strzałką w prawo i w tym pytaniu jest tylko kod strzałką w dół. Więc nie jest duplikatem.
Znaki specjalne działają trochę inaczej z pseudoelementami. Nie możesz używać elementów HTML w CSS, ale możesz używać unikatowych ucieczek w standardzie Unicode. Oto narzędzie do konwersji wartości liczbowej znaku specjalnego na wartość CSS.
http://www.evotech.net/articles/testjsentities.html
np ► musi być \25BA
przykład praca:
.right-arrow:after {
content:'\25BA'
}
Dziękuję bardzo. To naprawdę miłe. –
Tylko po to, by wyjaśnić dlaczego: nie można używać elementów HTML w CSS, ale można użyć unikatowych kodów ucieczkowych w formacie Unicode. –
Właśnie przegłosowano ze względu na udostępniony link :) –
<div class="right-arrow">Arrow</div>
.right-arrow:before {
content:'\25BA';
}
Nawet teraz mam konwerter :) –
http://www.w3.org/International/questions/qa-escapes – Quentin