我知道可以使用简单的引号在 content 属性中包含一些任意文本内容:

h1:before {
    content: "Hello";
}

我想知道是否可以使用 data uri在 :before:after 元素中嵌入任意内容 .

我知道可以包含如下图像:

h1:before {
    content: url("data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7");
}

我也知道数据url格式允许使用替代mime类型的替代内容,例如:

  • text/plain

  • text/html

但是,我不能做以下工作:

h1:before {
    content: url("data:text/plain,Hello");
}

特别是我想知道是否可以使用 text/html mime类型 .

有这个工作的诀窍吗?