Estou precisando colocar um » »
e um « «
no atributo :before
de um determinado, elemento.
Como faço isso no CSS?
ul.breadcumb > li:after{
content: '»'; /** Isso aqui não funciona **/
}
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'
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>
content:"\f0ed"
?