最新消息:周一至周五21:30分QQ群(161510483)直播,零基础免费学谷歌SEO,WEB前端,PHP入门教程

CSS伪元素:::after的用法

CSS学习系列 林雍岷 175浏览

::after的用法:用来创建一个伪元素,作为已选中元素的最后一个子元素。通常会配合content属性来为该元素添加装饰内容。这个虚拟元素默认是行内元素。

用HTML制作一个任务列表,h1 ::after伪元素,h3任务列表,ul>li*3

html,body{
font-family:sans-serif;font-size:1.2em;color:#444
}

ul.todo li.checked::after{
content:”CSS伪元素:::after的用法 ::after的用法“;
}

空白内容块状实现展示背景图片:

ul.todo li.checked::after{
content:””;
display:inline-block;
width:20px;
height:20px;
background-image:url(‘/images/check.png’);
margin-left:10px;
margin-top:0.4rem;
}

转载请注明:林雍岷 » CSS伪元素:::after的用法