:after | ::after

  • Revision slug: CSS/:after
  • Revision title: :after | ::after
  • Revision id: 134097
  • Created:
  • Creator: Luis Henrique Sousa
  • Is current revision? Não
  • コメント New page: <breadcrumbs></breadcrumbs> __NOTOC__ {{CSSRef}} == Resumo == Creates a pseudo-element that is the last child of the selected element. Typically used to add cosmetic content to an element...

Revision Content

{{template.CSSRef()}}

Resumo

Creates a pseudo-element that is the last child of the selected element. Typically used to add cosmetic content to an element.

Este elemento é inline por padrão.

Exemplos

Ex:<br/>
blockquote:after{content: '"';}

<blockquote>
Some Quote"
</blockquote>

Compatibilidade dos Browsers

(Sample Compatibility Chart)

Browser Versão mais baixa
Internet Explorer não
Firefox 1.5?
Netscape não
Opera 7?

Especificações

Revision Source

<p> 
{{template.CSSRef()}}
</p>
<h3 name="Resumo"> Resumo </h3>
<p>Creates a pseudo-element that is the last child of the selected element. Typically used to add cosmetic content to an element.
</p><p>Este elemento é <code>inline</code> por padrão.
</p>
<h3 name="Exemplos"> Exemplos </h3>
<pre>Ex:&lt;br/&gt;
blockquote:after{content: '"';}

&lt;blockquote&gt;
Some Quote"
&lt;/blockquote&gt;
</pre>
<h3 name="Compatibilidade_dos_Browsers"> Compatibilidade dos Browsers </h3>
<p>(Sample Compatibility Chart)
</p>
<table class="standard-table">
  <tbody><tr>
    <th>Browser</th>
    <th>Versão mais baixa</th>
  </tr>
  <tr>
    <td>Internet Explorer</td>
    <td>não</td>
  </tr>
  <tr>
    <td>Firefox</td>
    <td>1.5?</td>
  </tr>
  <tr>
    <td>Netscape</td>
    <td>não</td>
  </tr>
  <tr>
    <td>Opera</td>
    <td>7?</td>
  </tr>
</tbody></table>
<h3 name="Especifica.C3.A7.C3.B5es"> Especificações </h3>
<ul><li> <a class="external" href="http://www.w3.org/TR/CSS21/selector.html#before-and-after">CSS 2.1</a>
</li></ul>
Revert to this revision