Próbuję dodać znak pilcrow (¶) przed elementem. Ten kod działa tylko w Safari. Pojawia się pilcrow.CSS: przed znakiem Pilcrow'a
.ydss-comment:before
{
content:"\B6\";
color:red;
font-size:1.5em;
}
Gdybym zastąpić \ \ B6 z litery lub dowolnego tekstu lub liczby
content:"My Text";
tekst pojawia się poprawnie w Firefox, Mac i PC, ale nie ma szczęścia w ogóle z IE.
Dzięki za pomoc.
zmienić zawartość tego:
content: '\00b6'
Wydaje się, że trzeba podać pełne 4 cyfry.
także o tym, dlaczego to nie działa w IE:
(Było to w Richard „s odpowiedzi, która została następnie usunięte)
Selektor
:beforebył obsługiwany tylko w ostatnim czasie. According to MSDN:beforebył obsługiwany tylko w IE 8.
Dziękuję. Umieściłem to na stronie. Działa wszędzie, ale wydaje się, że nie ma szczęścia w IE7. – glebski
IE7 nie obsługuje: after &: before, ale możesz użyć tego hacka http://css-tricks.com/snippets/css/clear-fix/ – sandeep
@sandeep W jaki sposób twój link pomaga w jakikolwiek sposób? – Bojangles
W :after & :before używamy szesnastkowy special characters.
Jak to:
.ydss-comment:before
{
content:"\00b6";
}
Oto tabela znaków specjalnych i ich odpowiednia szesnastkowy http://css-tricks.com/snippets/html/glyphs/
+1 za nauczenie mnie co nazwa tego symbolu jest. – nickf
Zgodnie z [MSDN] (http://msdn.microsoft.com/en-us/library/cc351024%28VS.85%29.aspx#pseudoelements) ': before' było obsługiwane tylko w IE 8. – Richard
nick jest naprawdę ciekawy artykuł na temat pilcrowi i innych symboli interpunkcyjnych tutaj: http://www.shadycharacters.co.uk/2011/02/the-pilcrow-part-1/ – glebski