二、测试代码测试1问题：从父元素到子元素选择时：hover后可以选择什么？/*从父元素到子元素的选择[类名]-无效*/.father:hover.child1{background:black;}/*从父元素到子元素的选择[ID名称]-无效*/.father:hover#child1{background:black;}/*从父元素选择到子元素[标签名]——有效*/.father:hoverp{background:black;}/*从父元素到子元素选择——有效*/．你不能选择类名，ID名[不能有任何]。测试2问题：如何选择自己？/*自己选择这样-valid*/.grandfather:hover{background:black;}/*自己选择这样-valid*/div.grandfather:hover{background:black;}结论：选择自己可以使用div。类名或者直接用类名来测试3个问题：如果在:hover之前加一个空格会怎样？/*这样选择-有效[但只针对鼠标悬停的位置，不包括.grandfather]*/.grandfather:hover{background:black;}/*以这种方式选择子元素——无效*/.grandfather:hoverdivp{background:black;}结论：可以在:hover前加一个空格，后面不能加其他标签。3、个人总结：hover后可以选择tag名，不能选择class名和ID名【不能有】。你可以使用div。类名或者直接用类名在:hover前加一个空格，后面不能有其他标签。4.参考资料关于hover在css中的使用，如何编写代码来完成以下功能？还是做不到？