CSS伪元素和为伪类的区别是什么
这篇文章主要介绍了CSS伪元素和为伪类的区别是什么的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇CSS伪元素和为伪类的区别是什么文章都会有所收获,下面我们一起来看看吧。
伪元素和为伪类的区别
请注意双冒号表示法 - ::first-line 对比 :first-line
在 CSS3 中,双冒号取代了伪元素的单冒号表示法。这是 W3C 试图区分伪类和伪元素的尝试。
在 CSS2 和 CSS1 中,伪类和伪元素都使用了单冒号语法。
为了向后兼容,CSS2 和 CSS1 伪元素可接受单冒号语法。
也就是说:伪元素和为伪类的区别并不大。
只是W3C 试图区分伪类和伪元素的尝试。
你使用单双冒号都可以实现同样的效果!
给第一个字添加上特殊的状态
<body>
<p>您——可以使用伪元素【::first-letter】为文本的第一个字符添加特殊效果!</p>
</body>
<style>
p::first-letter {
color: red;
font-size: 18px;
}
</style>
关于“CSS伪元素和为伪类的区别是什么”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“CSS伪元素和为伪类的区别是什么”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注编程网行业资讯频道。
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341