4

Estou precisando colocar um » &raquo e um « &laquo no atributo :before de um determinado, elemento.

Como faço isso no CSS?

ul.breadcumb > li:after{
    content: '&raquo'; /** Isso aqui não funciona **/
}
2

2 Respostas 2

5

Podes fazer isto utilizando: \00BB. Por exemplo:

ul.breadcumb > li:after{
    content: "\00BB";
}
<ul class="breadcumb">
    <li>item 1</li>
    <li>item 2</li>
    <li>item 3</li>
    <li>item 4</li>
</ul>

Se quiseres que a seta seja apontada para a esquerda, utiliza: \00AB

Fonte: Unicode Character 'RIGHT-POINTING DOUBLE ANGLE QUOTATION MARK'
Fonte: Unicode Character 'LEFT-POINTING DOUBLE ANGLE QUOTATION MARK'

1
  • 1
    Obrigado pela informação adicional do &laquo Commented 24/09/2015 às 16:58
5

Você pode utilizar o código hexadecimal. Os códigos &xxxx são entities do HTML e não CSS, você deve utilizar um código alternativo.

ul.breadcumb > li:after{
    content: '\00BB'; /** Isso aqui funciona **/
}
<ul class="breadcumb">
    <li>teste</li>
    <li>teste</li>
    <li>teste</li>
    <li>teste</li>
    <li>teste</li>
</ul>

1
  • 1
    +1 pelo /** Isso aqui funciona ***/ Commented 24/09/2015 às 16:57

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .