Angular2 CSS-Selektor

Question

Ich möchte nth-of-type in eckigen Projekt auswählen, aber nicht in der Lage, da alle Elemente einen Eltern/Wrapper bekommen. Z. B Ich mag jede dritte Taste erhalten, die das Markup hat:

<dashboard-functionbutton _ngcontent-tub-48="" _nghost-tub-49="" ng-reflect-function-button-item="[object Object]"> 
<button _ngcontent-tub-49="" class="function-btn" ng-reflect-ng-class="[object Object]"></button> 
</dashboard-functionbutton> 

Wenn es nicht möglich ist, es auf diese Weise zu tun, ist es möglich, die „Eltern“ mit so etwas wie [dashboard-functionbutton] stylen?

Answer 1

CSS:

dashboard-functionbutton:nth-of-type(3n+0) > button { border: 1px solid red; }