Как написать стиль css, чтобы фон менялся только у первой и последней кнопки?

Question

[shapovaloff]

Нужно изменить фон у всех кнопок, кроме крайних (первой и последней). Как это осуществить?

<div data-role="buttons">
    <button>1</button>
    <button>2</button>
    <!-- ещё кнопки -->
    <button>8</button>
    <button>9</button>
</div>

Answer 1

[Николай Чуприк]

button:not(:first-child):not(:last-child)  {
  background: @yourColor;
}

Answer 2

[ntcassits]

div button {
    background: #f00;
}

div button:first-child {
    background: transparent;
}

div button:last-child {
    background: transparent;
}