Question

无论我尝试填充 - 右边都不能使用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
}

Answer 1

您发布的代码中存在多个拼写错误（请参阅上面的评论），但真正的问题是您选择了错误的元素。你的最终选择器应该是

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

<强> -canOpenURL:

您需要使用:last-child选择最后一个列表项，然后选择其中的图像并删除填充。在图像上使用:last-child实际上会应用于示例中的每个图像，因为它们都是其父容器的最后一个子项。

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

1 个答案: