Как выбрать селектор с помощью CSS?

Question

[Dubrovin]

Есть вот такой HTML:

<div class="btnGroup">
    <input class="btn__input">
    <label class="btn"></label>
    <input class="btn__input">
    <label class="btn"></label>
    <input class="btn__input">
    <label class="btn"></label>
</div>

Как с помощью CSS выбрать первый label через btnGroup? Использовать тег label нельзя, так как используем методологию БЭМ (сегодня это label, а завтра может быть div или что-то иное)
p.s. Задача очень простая - убрать скругления у кнопок в группе, которые находятся между первой и последней кнопками.

Comments

[Ankhena]

first-of-type ничем не отличается от использования label.

Пользуйтесь :not и :first-child, :last-child и :nth-child

Answer 1

[Егор Живагин]

Кавычки поправь)

.btnGroup .btn:first-of-type

Answer 2

[Dubrovin]

Прошу прощения, нашёл решение, делается через :first-of-type и :last-of-type соответственно.

Comments

[Сергей delphinpro]

а теперь замени один label на div, второй на span и "порадуйся" =)

Использовать тег label нельзя

:first-of-type как раз к тегам привязан

https://jsfiddle.net/zf3k2es2/

[Dubrovin]

Сергей, интересное замечание, но на практике такого быть не может, поскольку темплейт кнопки общий, или везде div или везде span.