如何通过CSS(CSS3)获取::之前的DOM元素?

时间:2017-05-02 17:23:36

标签: css css3

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

enter image description here

这是我的 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>

提前致谢

1 个答案:

答案 0 :(得分:1)

从你的代码我不确定你的伪元素是什么。但一般来说,您可以选择::before::after的伪元素。 伪元素由content - 属性,::before::after伪选择器创建,顾名思义就是选择位置。

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

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

.className::before{...}

(选择作为第一个子元素的伪元素,其中class =&#34; className&#34;)

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

(:: before选择元素中的第一个点,其中class =&#34; className&#34;但是它是创建pseuod元素的content-property)