伪元素before的使用

1. 什么是伪元素,什么是伪类?
答: 简单从变现形势看 ,
::before , ::after      ----  伪元素
:first-child , :hover  ----  伪类 
如果还不清楚,请参考下面的文章 , https://www.cnblogs.com/ammyben/p/8012747.html 

2. 如何使用伪元素before和after 呢?

 2.1 before和after伪元素的基本使用

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>before和after伪元素的基本使用title>
    <style>
        p:before{
            content: "H"  /*:before和:after必带技能,重要性为满5颗星*/
        }
        p:after{
            content: "d"  /*:before和:after必带技能,重要性为满5颗星*/
        }
      style>
head>
<body>
    <p>ello Worlp>
body>
html>

 

转载于:https://www.cnblogs.com/tengyuxin/p/11141489.html

你可能感兴趣的:(伪元素before的使用)