css - 如何通过 CSS (CSS3) 获取::在 DOM 元素之前？

Question

我正在尝试获取该元素并为其设置一些样式，但这是我的第一次，我无法实现。我也无法为元素设置 id 或 class，因为它是动态生成的。我正在寻找最简单的解决方案，并且相信你们会帮助我解决这个简单的问题。

这是我的HTML:

<md-list class="no-paddings" flex="100">
    <md-list-item flex="100" ng-repeat="adGroup in adsGroupsAndKeywords track by $index">
        <md-menu>
            <div layout="row" layout-align="space-between center">
                <div ng-click="AdsGroupsCtrl.openMenu($mdOpenMenu, $event)">
                    <h6>
                        {{ adGroup.name }}
                    </h6>
                    <md-chips
                            ng-click="call($event)"
                            md-on-remove="AdsGroupsCtrl.removeKeywordFromGroupOfAds($chip);"
                            ng-model="adGroup.keywords"
                            readonly="true"
                            md-removable="true">
                        <md-chip-template>
                            <em>{{$chip.keyword}}</em>
                        </md-chip-template>
                    </md-chips>
                    <md-divider></md-divider>
                </div>
            </div>
            <md-menu-content width="4">
                <md-menu-item>
                    <md-button ng-click="AdsGroupsCtrl.addToCurrentGroup($index)">
                        Добавить в данную группу
                    </md-button>
                </md-menu-item>
                <md-menu-item>
                    <md-button
                        ui-sref="app.expansionOfSemantics.adsList(
                            {
                                campaignsId: capmpaignId,
                                adId: adsGroupsAndKeywords[$index].id,
                                regionIds: adsGroupsAndKeywords[$index].regionIds,
                                keywords: keywords
                        })">
                        Сознать новую группу на основе текущей
                    </md-button>
                </md-menu-item>
            </md-menu-content>
        </md-menu>
    </md-list-item>
</md-list>

提前致谢

Answer 1

根据您的代码，我不确定您的伪元素是哪个。但一般情况下，您会选择带有 ::before 和 ::after 的伪元素。 伪元素由 content 属性创建，::before 和 ::after 伪选择器顾名思义就是选择位置。

::before{...} or ::after{...}

(选择网站上分别位于其父元素内的第一个或最后一个子元素的所有伪元素)

.className::before{...}

(选择位于 class="className"元素内作为第一个子元素的伪元素)

.className::before{content: '';}

(::before 选择元素内带有 class="className"的第一个位置，但它是创建伪元素的内容属性)