疑似要素【用語おさらい】

疑似要素は、HTMLに記述していない要素に対して要素を作り出し、スタイルを設定できる

例えば　::before　や ::after　など

::（コロン2つ）の前に　a要素を付けて　a::before　のように記述します。

■使い方

外部リンクという文字の後に、自動でリンク先を表記する

【HTML記述】

<p><a href="http://www.osarai.com/">外部リンク</a></p>

 【CSS記述】

a::after{
content: '(' attr(href) ')';
}