Псевдоэлементы не работают в Salesforce lightning CSS

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, не было другого элемента, но его не было.Кажется, что это ошибка продаж?Во всяком случае, с :nth-last-child(2) работал вместо :last-child