html 图片选择器,css选择器可以插入图片吗？

56 阅读 0 评论 37 点赞

我是靠谱客的博主简单眼睛，最近开发中收集的这篇文章主要介绍html 图片选择器,css选择器可以插入图片吗？，觉得挺不错的，现在分享给大家，希望可以做个参考。

CSS选择器:before、:after可以使用content属性来插入图片。

content 属性与 :before 及 :after 伪元素配合使用，在元素头或尾部来插入生成内容。

说明：该属性用于定义元素之前或之后放置的生成内容。默认地，这往往是行内内容，不过该内容创建的盒子类型可以用属性 display 控制。

认识:before 和 :after默认 display: inline；

必须设置 content 属性，否则一切都是无用功， content 属性也只能应用在 :before 和 :after 伪元素上；

默认user-select: none，就是 :before 和 :after 的内容无法被用户选中；

伪元素可以和伪类结合使用形如：.target:hover:after。

:before 和 :after 是在CSS2中提出来的，所以兼容IE8；

::before 和 ::after 是CSS3中的写法，为了将伪类和伪元素区分开；

CSS 中其他的伪元素有：::before、::after、::first-letter、::first-line、::selection 等；

不可通过DOM使用，它只是纯粹的表象。在特殊情况下，从一个访问的角度来看，当前屏幕阅读不支持生成的内容。

示例1&#x

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。