如何使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 attribute或class attribute。

ID是唯一的，而类可以包含一个或多个元素。