程宇寒 2019-10-15 21:37 采纳率: 33.3%
浏览 351

css中的伪元素(伪元素本质上是创建了一个虚拟容器(元素))

伪元素本质上是创建了一个虚拟容器(元素)?

这句话怎么理解!
如下代码中,我的理解对吗?

图片说明
图片说明
图片说明

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>伪类和伪元素</title>
<style type="text/css">
/* 伪元素  */
p::first-letter {
  color: red;
}

/* 伪元素  */
h3::first-letter {
  color: blue;
}

/* 伪元素  */
/*
div::first-letter {
  color: red;
}
*/

/*类选择器*/
.first-letter {
  color: red;
}

</style>
</head>
<body>
<h1 style="color: blue;">伪类和伪元素</h1>
<p>江西省赣州市于都县</p>
<p>老家在江西省赣州市于都县</p>

<h3>天若有情天亦老</h3>
<h3>人间正道是沧桑</h3>

<div>一万年太久只争朝夕</div>
<div>江山如此多娇,引无数英雄竞折腰</div>
<a href="https://www.jianshu.com/p/996d021bced3">
参考网页https://www.jianshu.com/p/996d021bced3
</a>
<br/>
有些文章上说,伪元素本质上是创建了一个虚拟容器(元素),是下面这句代码的意思吗?
<!-- 以下类似于div::first-letter {color: red;}的效果 -->
<div><span class="first-letter">我</span>爱中国</div>
</body>
</html>
  • 写回答

1条回答

      报告相同问题?

      相关推荐 更多相似问题

      悬赏问题

      • ¥15 普罗米修斯Prometheus监控系统的几个问题调研
      • ¥15 pmp项目管理干系人分析
      • ¥15 请问DenseNet图像输入大小是否是固定的?
      • ¥15 template模板的参数问题
      • ¥50 搭建青柚H5过程中出现的问题
      • ¥15 查找处理学生信息问题,含多个文件,显示问题是无法调用其中一个文件
      • ¥15 simulink生成代码后提示告警
      • ¥16 jieba提取高频词,生成文件是空的
      • ¥15 怎么读取服务器中的文件去配置mongo的连接
      • ¥20 Python如何统计文本中两字及以上的词语个数