I need to put a »
and a «
in the :before
attribute of a given element.
How do I do this in CSS?
ul.breadcumb > li:after{
content: '»'; /** Isso aqui não funciona **/
}
I need to put a »
and a «
in the :before
attribute of a given element.
How do I do this in CSS?
ul.breadcumb > li:after{
content: '»'; /** Isso aqui não funciona **/
}
You can do this using:
. For example: %code%AB
BB
ul.breadcumb > li:after{
content: "<ul class="breadcumb">
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
<li>item 4</li>
</ul>
BB";
}
ul.breadcumb > li:after{
content: "<ul class="breadcumb">
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
<li>item 4</li>
</ul>
BB";
}
If you want the arrow to be pointed to left , use: %code%
Source: Unicode Character 'RIGHT-POINTING DOUBLE ANGLE QUOTATION MARK'
Source: Unicode Character 'LEFT-POINTING DOUBLE ANGLE QUOTATION MARK'
You can use the hexadecimal code. Codes & xxxx are entities of HTML and not CSS, you should use an alternative code.
ul.breadcumb > li:after{
content: '<ul class="breadcumb">
<li>teste</li>
<li>teste</li>
<li>teste</li>
<li>teste</li>
<li>teste</li>
</ul>
BB'; /** Isso aqui funciona **/
}
ul.breadcumb > li:after{
content: '<ul class="breadcumb">
<li>teste</li>
<li>teste</li>
<li>teste</li>
<li>teste</li>
<li>teste</li>
</ul>
BB'; /** Isso aqui funciona **/
}