Use :*-of-type instead of :*-child so that <template>s don't break selectors

Created by: JonathanWolfe

Example of markup this fixes:

<ul class="list-group style-scope list-of-items">

    <li class="list-group-item  style-scope list-of-items" id="25016000000350">
        AAA
    </li>

    <li class="list-group-item  style-scope list-of-items" id="25016000000001">
        Admin
    </li>

    <li class="list-group-item  style-scope list-of-items" id="25016000002594">
        asasd
    </li>

    <template is="dom-repeat" as="row" class="style-scope list-of-items">
        ...
    </template>

</ul>