Как сделать так, чтобы CSS воздействовал только на одну кнопку, а не на все?

Question

У меня есть страница с несколькими кнопками.Я хочу изменить один из них, используя css, но не могу понять, как это сделать в CSS, не меняя их все.

<p>
     <button data-toggle="collapse" data-target="#acne" class="collapsed">Acne</button>
</p>
<div id="acne" class="collapse">
    <ul>
        <li>Blackheads</li>
        <li>Whiteheads</li>
        <li>Pimples</li>
        <li>Nodules or cysts</li>
        <li>Redness or flushing</li>
    </ul>
</div>
<p>
     <button data-toggle="collapse" data-target="#backpain">Back Pain</button>
</p>
<div id="backpain" class="collapse">
    <ul>
        <li>Pain in the lower back</li>
        <li>Pain, numbness, or tingling on one side of the buttocks or leg</li>
        <li>Weakness of the muscles in one leg</li>
    </ul>
</div>

Я бы хотел, чтобы кнопка для прыщей быларазного цвета и размера.Любая помощь будет принята с благодарностью.

Answer 1

Вы можете присвоить кнопке атрибут ID или атрибут класса .

Идентификаторы уникальны, а классы могут состоять из одного или нескольких элементов.