Question

我知道如何链接到.pdfs和诸如此类的东西，但我不知道如何链接到网站。

<p><a href="http://www.google.com" target="_blank">Google</a></p>

CSS

a[href$="http://www.google.edu"] <!--Don't know what to put here.--> {
background-image: url('pdficon_small.png') no-repeat center left;
padding-left: 25px;
background-size: auto 100%;}

Answer 1

对于带有pdf文件的链接，您只需将其添加到您的css文件中（您可以使用自己的图像替换图像）：

a[href$="pdf"]{
background-image: url('http://www.mgsdist.com/img/pdf_icon.png') no-repeat center left;
padding-left: 25px;
background-size: auto 100%;}

您的代码包含以下内容：

<a href="http://example.com/pdf.pdf">pdf download</a>

Answer 2

你可以像这样使用它：

这将完全是href http://www.google.edu：

a[href="http://www.google.edu"]{
background-image: url('pdficon_small.png') no-repeat center left;
padding-left: 25px;
background-size: auto 100%;}

这将匹配以http://开头的任何href：

a[href^="http://"]{
background-image: url('pdficon_small.png') no-repeat center left;
padding-left: 25px;
background-size: auto 100%;}

这将为扩展名为pdf的所有链接设置：

a[href$="pdf"]{
background-image: url('pdficon_small.png') no-repeat center left;
padding-left: 25px;
background-size: auto 100%;}

这将设置包含href值google：

a[href*="google"]{
background-image: url('pdficon_small.png') no-repeat center left;
padding-left: 25px;
background-size: auto 100%;}

使用属性选择器向网站链接添加图标

2 个答案: