Question

我有一个列表组，其中包含一堆属性，但是当我弄清楚该组中的最后一个元素的边距为0时，输出不匹配。

Salesforce HTML：

<aura:iteration items="{!v.IdeasList}" var="idea">
            <li class="list-group-item">
                <a href="{!v.ideaDetailPath + idea.Id }" class="anchorLink"> 
                    <div class="prodname">{!idea.Title}</div>
                </a>
                <div class="ideaInfo"> 
                    <span class="points">{!idea.VoteTotal} points </span>
                    <span style="padding-right:24px;">
                    <span class="status">
                        {!idea.Status}
                    </span> 
                    </span>
                    <span class="createdDate"><ui:outputDate value="{!idea.CreatedDate}"/></span>
                    <!--span class="slds-avatar slds-avatar_circle slds-avatar_small">
                        <img src='{!idea.CreatorSmallPhotoUrl}'/>{!idea.CreatorName}</span>
                    <span class="slds-text-title_bold">
                        <a class="profileName" href="javascript:void(0)" 
                           id="profile-link"
                           data-createdByValue="{!idea.CreatedById}" 
                           onclick="{!c.openProfileWindow}">
                          {!idea.CreatorName}</a></span-->
                   <a class="slds-text-title_bold profileName" id="profile-link" data-createdByValue="{!idea.CreatedById}" href="javascript:void(0);" onclick="{!c.openProfileWindow}">
                       <span class="slds-avatar slds-avatar_circle slds-avatar_small slds-m-right_x-small">
                           <img src="{!idea.CreatorSmallPhotoUrl}"/>
                       </span>{!idea.CreatorName}
                    </a>
                </div>
                <div class="slds-border_bottom">
                </div>
            </li>
        </aura:iteration>

Salesforce CSS：

.THIS .list-group-item {
    font-size: 12px;
    list-style: none;
    width: 100%;
    margin-bottom:24px;
}

.THIS .list-group-item:last-child{
    margin-bottom:0;
}

这是否意味着伪元素（在这种情况下，尤其是最后一个孩子）在Salesforce Lightning CSS中不起作用？

Answer 1

似乎唯一有效的方法是:nth-last-child(2)-因为某种原因，:last-child并不承认最后一项实际上是最后一项。

我在HTML中进行了搜索，以检查在我希望通过CSS编辑的元素之后是否没有其他元素，但是没有。似乎这是一个Salesforce错误？无论如何，:nth-last-child(2)代替了:last-child

伪元素在Salesforce Lightning CSS中似乎不起作用

1 个答案: