伪类

####A 、伪类 :
a /love/ hate / hover / （ active（点击）/ visited（访问后） / link（未访问） :a 只针对a 标签 ）

单冒号是伪类

###B 、伪元素 ::
first-line: 文本第一行

first-letter： 首字母

before
内部之前有元素，元素之前，有内容内容之前,再次同元素会覆盖
after

selection 只能改变background 和选中字体颜色,改变不了first-line first-letter改变过的属性

米奇老鼠头

 .div1{width:200px;
 height:200px;
 background:red;
 border-radius:50%;
 margin:auto;
 margin-top:100px;
 position:relative;
 }

.div1::before{  content: "我是before1";/*一定要有*/
width:50px;
height:50px;
display: block;
color: white;
background: green;
border-radius: 50%;
position: absolute;
left: 0px;
top: 0px;

 }




.div1::after{  content: "我是before1";/*一定要有*/
width:50px;
height:50px;
display: block;
color: white;
background: green;
border-radius: 50%;
position: absolute;
left:150px;
top: 0px;

 }



 ::selection{  //选中颜色变化，针对全局
 background:gray;
 color:yellow;}
 .div1::selection{  //颜色变化，仅针对div1 的第一层子集内容
 background:gray;
 color:yellow;
 }


  如：<span>123456</span> 可以

 <span<p>123</span></div>//不行