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

Question

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

销售人员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>

销售人员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;
}

这是否意味着伪元素（在这种情况下特别是 last-child）在 Salesforce Lightning 中不起作用 CSS？

Answer 1

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

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

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

Pseudo elements don't appear to work in Salesforce lightning CSS

css

css-selectors

salesforce-lightning