befor/after の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• +CSS+befor/after へ行く。
• +CSS+befor/after の差分を削除

#author("2022-12-20T13:21:32+08:00","default:Admin","Admin")
#author("2022-12-20T13:22:32+08:00","default:Admin","Admin")
[[スタイルシートCSS]]

#contents


:before 和 :after 是伪元素。


* 伪元素能做什么呢？ [#w14f8829]

“伪元素”，顾名思义。它创建了一个虚假的元素，并插入到目标元素内容之前或之后。


#codeprettify{{
#example:before {   
  content: "#";   
}   
    
#example:after {   
  content: ".";   
} 
}}

+ 我们用#example:before和#example:after来目标锁定相同的元素.严格的说，在代码中他们是伪元素。
+ 在内容模块中提到，伪元素如果没有设置“content”属性，伪元素是无用的。

* 例程2 [#w71eb870]

#codeprettify{{
<p class="test">
     2019/11/29 15:35:51
</p>//在这前面加一个小闹钟的图标就可使用::before

.test::before
{
   content: url(./1597910280(1).png);
}
}}

#hr();
Comment：
#comment_kcaptcha