问：颜色：＃52bab3 ; 文字装饰：无；背景重复：不重复；背景：18像素18像素; padding-left ：25像素；} a [ href $ = “ .pdf” ] {背景图片：url （'../img/icn - pdf.svg' ）; } a [ href $ = “ .jpg”
] {
background-image ：url （'../img/icn - picture.svg' ）; } a [ href $ = “ .zip” ] {背景图片：url （'../img/icn - zip.svg' ）; }
答：将“ background：18px 18px”更改为“ background-size：18px 18px”，因为这是一种简写形式，而不是特定值，在以下CSS规则中定义“ background-image：”时，您将覆盖背景值。
一种[ href ^ = “ http：//” ] {
颜色：＃52bab3 ; 文字装饰：无；背景重复：不重复；背景尺寸：18像素18像素；padding-left ：25像素；} a [ href $ = “ .pdf” ] {背景图片：url （'../img/icn - pdf.svg' ）; } a [ href $ =
“ .jpg” ] {
背景图像：url （'../img/icn - picture.svg' ）; } a [ href $ = “ .zip” ] {背景图片：url （'../img/icn - zip.svg' ）; }
另外，如果您的链接在HTML标记中不包含任何内容或文本，则背景将不会显示，因为元素的width和height将为0。因此，如果链接中没有内容，请手动定义大小。
像这样：
一种[ href ^ = “ http：//” ] {
颜色：＃52bab3 ; 文字装饰：无；背景重复：不重复；背景尺寸：18像素18像素；padding-left ：25像素；高度：18像素; 宽度：18像素; } a [ href $ = “ .pdf” ] {背景图片：
网址（'../img/icn-pdf.svg' ）;
}
a [ href $ = “ .jpg” ] {背景图片：url （'../img/icn - picture.svg' ）; } a [ href $ = “ .zip” ] {背景图片：url （'../img/icn - zip.svg' ）; }
