程宇寒 2019-10-15 21:37 采纳率: 100%
浏览 354
已采纳

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条回答 默认 最新

  • threenewbee 2019-10-16 12:34
    关注

    我的理解:
    css的引用,目的是为了将网页内容和语义(html)和它的表现形式(style)相分离,而如果我们要表示,文档开头第一个字如何如何,而文档结构本身又没有区分第一个字和后面的字。
    这就出现了矛盾,到底是去修改文档,满足样式的定义,还是直接在样式里面就能处理,不要设计文档,按理说是后者,但是没有伪元素只能用前者。
    于是伪元素就出现了,解决的就是这个问题。
    而伪类,就是进一步,把一批伪元素再统一定义。

    具体看
    https://www.jianshu.com/p/996d021bced3

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 已采纳回答 3月21日

悬赏问题

  • ¥15 phython路径名过长报错 不知道什么问题
  • ¥15 深度学习中模型转换该怎么实现
  • ¥15 HLs设计手写数字识别程序编译通不过
  • ¥15 Stata外部命令安装问题求帮助!
  • ¥15 从键盘随机输入A-H中的一串字符串,用七段数码管方法进行绘制。提交代码及运行截图。
  • ¥15 TYPCE母转母,插入认方向
  • ¥15 如何用python向钉钉机器人发送可以放大的图片?
  • ¥15 matlab(相关搜索:紧聚焦)
  • ¥15 基于51单片机的厨房煤气泄露检测报警系统设计
  • ¥15 Arduino无法同时连接多个hx711模块,如何解决?