前端 background-color未能完全填充,原来是没写“>”

时间:2024-05-19 14:21:15

本人在小米商城网页实战中遇到了background-color显示的问题

前端 background-color未能完全填充,原来是没写“>”

前端 background-color未能完全填充,原来是没写“>”

即使各种调试width的值最终也未能达到网页的实际效果

前端 background-color未能完全填充,原来是没写“>”

如上图左侧未能填充完全

经过我几番折腾,查阅资料终于找到了问题:

 前端 background-color未能完全填充,原来是没写“>”

.site-list 和 ul 之间 需要打上“>” 

在CSS中  >表示子元素选择器;子元素选择器只能作用于子辈元素,而不管孙辈、玄孙辈的元素。

如果没有写上“>”  则{ }中的属性会作用于ul 后面的标签元素,造成我上述的问题。