Wie erhalten :: vor Element von DOM über CSS (CSS3)?

Question

Ich versuche, das Element zu bekommen und einige Stile zu setzen, aber es ist mein erstes Mal und ich kann es nicht erreichen. Ich kann auch keine ID oder Klasse für das Element festlegen, da es dynamisch generiert wird. Ich suche nach der einfachsten Lösung und glaube, dass ihr mir mit dieser einfachen Frage helfen werdet.

Hier ist mein 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> 

Vielen Dank im Voraus

Answer 1

Von Ihrem Code, den ich nicht sicher bin, was Ihr Pseudo-Element ist. Aber im Allgemeinen wählen Sie Pseudo-Elemente mit ::before und ::after. Die Pseudo-Elemente werden durch die content -Eigenschaft, die ::before und ::after Pseudo-Selektoren erstellt, wie der Name andeutet, wählen Sie einfach den Speicherort aus.

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

(wählen alle Pseudoelemente auf der Website, die jeweils als erstes oder letztes Kind in ihrem Mutterelement angeordnet ist)

.className::before{...} 

(wählt das pseudo-Element, das als erstes Kind in der Lage ist, Element mit der class = „Klassenname“)

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

(:: wählt, bevor die erste Stelle im Inneren des Elements mit der class = „Klassenname“, aber ihre Inhalte-Eigenschaft, die den Pseu schafft Od-Element)