13

我正在寻找一种方法来为内部的 CSS 内容属性添加 HTML 标记:after和:before.

与仅讨论添加符号之类的问题<不同。我要添加的是类似的东西：

.breadcrumbs li a:before {
    content: '<i class="icon"></i>';
}

有没有办法做到这一点？

4

2 回答 2

9

这是不可能的。您不能从 CSS 生成标记。

它也应该是不必要的 - 将您的背景图像/图标字体/您已经生成的伪元素中的任何内容。

于 2014-03-19T16:00:36.460 回答
2

这大概就是你想要的

要将图像放在面包屑 li 链接的左侧：

.breadcrumbs li a::before {
    content: "";
    display: block;
    background: url('/img/breadcrumb-icon.png') no-repeat;
    width: 20px;
    height: 20px;
    float: left; /*icon on the left*/
    margin: 0 6px 0 0; /*margin on the right so there is a gap between your icon and link*/
}

如果你想要它在另一边尝试float:right;margin: 0 0 0 6px;或使用::after应该让你成为其中的一部分

于 2018-10-30T17:46:08.917 回答