伪元素

伪元素     css有一系列的伪元素,如pseudo::before,:after,:first-line,:first-letter等
css的伪元素,之所以被称为伪元素,是因为他们不是真正的页面元素,html没有对应的元素,但是其所有用法和表现行为与真正的页面元素一样
例子:
<p>wonyun!</p>           等于》》》》    <p>
<style>                          <span>hello </span>
  p:before{content: "hello "}                wonyun!
  p:after{content: "you are handsome!"}           <span> you are handsome!</span>
</style>                         </p>
 
伪元素也可以与CSS类配合使用
例子:
p.article:first-letter
  {
  color: #FF0000;
  }

<p class="article">This is a paragraph in an article。</p>
posted @ 2020-11-11 08:51    阅读(139)  评论(0)    收藏  举报