用CSS替换或添加HTML代码

这是一个挑战，甚至不确定这是否可能，但我的问题是：

我没有完全访问该网站的权限。我唯一能做的就是编辑我的外部css

菜单代码：

<ul id="navPrimary" class="nav">
    <li id="navLink1"><a href="#">Link1</a></li>
 </ul>

我想将此添加为列表中的第一个位置：

<li id="navHome"><a href="/"><i class="icon-home"></i></a></li>

我可以要求系统管理员添加主页链接，但他的代码如下所示：

<li id="navHome"><a href="/">Home</a></li>

因此，将文本

主页

替换为我的

仍然存在问题

关于CSS，我唯一想到的是

：before

，

：after

和

content

，但不太清楚如何准确地使用它。和以前一样，我尝试添加一个单词

EDIT1

我对此感到厌倦：

#导航链接1:之前{
内容：“
”；
}

---

但这只添加了作为文本的html代码。

使用：before和：after可以将内容添加到html文档中。甚至你也可以添加一个图标

用于eg

#navHome:before {
  content:'';
  display:block;
  float:left;
  width:20px;  /* this must be the icon width*/
  height:20px; /* this must be the icon height*/
  background: url(icon.png) 0 0  not-repeat;
}

---

如果不想使用伪元素，只需隐藏链接文本并添加图标作为背景即可。要删除文本，请执行以下操作：

  display: inline-block; /* or block */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;

然后将背景添加为图像，示例：

---

这仍然需要管理员为您添加链接。

google is your friend内容中的HTML属性不起作用。这在视觉上起作用，但他需要链接才能回家。正如OP所述，“我可以要求系统管理员将链接添加到家中，但他的代码如下所示：”唯一的问题是图标，它可以用cssAh@Huangism完成。谢谢，在这种情况下，就不需要伪元素。是的，这可以用锚本身完成，但我认为这个答案仍然很好，因为OP在这之前和之后都要求它是唯一可用的解决方案。工作得很好。