hover前有无空格的区别

hover前加不加空格的区别

问题描述
在使用hover时开始没有注意空格的影响，以至于达不到理想的样式，后通过学习发现hover前加不加空格是有区别的。

不加空格

.card:hover{
	cursor:pointer;
	color:#44aaee;
	box-show: 0px 1px#44aaee;
}

展现样式

如图所示，hover没加空格影响的只是class为card的元素，而里面的元素不受影响

加空格

.card :hover{
	cursor:pointer;
	color:#44aaee;
	box-show: 0px 1px#44aaee;
}

展示样式

如图所示，class为card元素不受hover样式影响，但是class为card的元素下的元素都受hover样式影响

结论
加空格：影响该class之下的元素
不加空格：影响为该class的元素