Html 为什么我的填充物没有和最后一个孩子一起移除？

无论我尝试了什么，都不能使用lastchild删除右边的填充。我尝试了使用imglastchild，然后lilastchild也是最后一种类型

 <div class="Social_Media">
        <ul>
        <li><img src="Social/facebook.png"></li>
        <li><img src="Social/twitter.png"></li>
        <li><img src="Social/youtube.png"></li>
        <li><img src="Social/googleplus.png"></li>
        <li><img src="Social/linked.png"></li>
        </ul>
    </div>

 .Social_Media ul{
padding-top:10px;
float:right;}

.Social_Media li{
display:inline;}


    .Social_Media img{
    padding-right:25px;
    background-color:red;
}
.Social_media img:last-child {
     padding-right:0px
} 

.社交媒体{
填充顶部：10px；
float:right；}
.社会媒体李{
显示：内联；}
.社交媒体img{
右边填充：25px；
背景色：红色；
}
.社交媒体img：最后一个孩子{
右边填充：0px
} 

您发布的代码中有多处输入错误（请参见我上面的评论），但真正的问题是您选择了错误的元素。您的最终选择器应该是

.Social_Media li:last-child img {
    padding-right:0px
}

---

您需要使用

：last child

选择最后一个列表项，然后选择其中的图像并删除填充。在图像上使用

：last child

实际上会应用于示例中的每个图像，因为它们都是其父容器的最后一个子对象。

请修复CSS上的语法错误。前两条规则缺少一个

}

。加上你的最后一个选择器

。社交媒体

有输入错误。我只是在粘贴时错误地删除了这些