Image Replacement nao funciona

Front-end
, ,
#1

boa noite… estou estudando a apostila de web design da caleum… nao estou conseguindo corrigir um erro de um desafio de css e também um exercicio sobre image replacement nao está fuincionando para apenas um item…

seguem os códigos:

este é sobre o image replacement:


Logo Mirror Fashion


segue o css:

footer{
	background-image:url(../img/fundo-rodape.png);
	clear:both;
	padding:20px 0;
}
footer .container{
	position:relative;
}
.social{
	position:absolute;
	top:12px;
	right:0;
}
.social li{
	float:left;
	margin-left:25px;
}
.social a{
	/*tamanho da imagem*/
	width: 32px;
	height: 32px;
	/*image replacement*/
	display: block;
	text-indent: -9999px;
}
.social a[href*="facebook.com"]{
	background-image:url(../img/facebook.png);
}
.social a[href*="twitter.com"]{
	background-image:url(../img/twitter.png);
}
.social a[herf*="plus.google.com"]{
	background-image:url(../img/googleplus.png); /*esta imagem nao aparece*/
}

inclusive na inspeção do Chrome, nao aparece o link…