如何使用CSS在html元素中的文本后插入内容？

在具有href属性的锚元素上插入文本时遇到问题：

<a href="myfile.pdf"> Contact Us</a>

它不是这样工作的。如何编写css来实现这一点

好的，我让它工作，但我如何风格的背景属性，如无重复和-84%0

---

它不断重复

或者为您的

:after

伪元素将图像设置为

背景图像

，或者从

内容

属性中删除除

url（路径）

以外的任何内容<代码>内容应该包含一个（或多个）字符串或包装在

url（）

函数中的图像url（然后图像将像真正的

IMG

元素一样插入）

---

考虑到这一点，要使生成的伪元素可见（如果您将使用

背景图像而不是
内容：url（路径）
），则
内容
属性至少应包含空字符串（
“”
）。
内容只接受文本。对于特殊的特许状空间，必须使用十六进制格式。我像跟随和工作一样改变它。但对于增加宽度，请重复空格十六进制（\00a0）

你能提供一份工作吗？“在我看来，这是正确的。”比利马修同意。这对我来说很好：另外，在使用属性选择器时，可能值得一看兼容性因素：如果您正在拍摄IE 6兼容性。
a[href$=".pdf"]:after { 
width: 16px;
height: 16px;
content: url('/_assets/img/document-type-icons-2.png') no-repeat -84% 0;
}

a[href$=".pdf"]:after {
background: url('http://cdn1.iconfinder.com/data/icons/fatcow/32x32/file_extension_pdf.png') ;
width: 40px;
height: 40px;
content: "\00a0\00a0\00a0\00a0\00a0"
}