css - 如何让css只影响一个按钮,而不是全部?
问题描述
我有一个有多个按钮的页面。我想使用 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>
我希望 Acne 的按钮具有不同的颜色和大小。任何帮助将不胜感激。
解决方案
推荐阅读
- sql - 如何使用 Sql/Presto 从数字字符串中提取年份?
- java - Firebase电话身份验证在Android中不起作用
- postgresql - 当使用 pgloader 将数据从 mysql 迁移到 postgresql 时,显示通过 ECASE 表达式
- node.js - Passport.js 将 azure-ad 身份验证链接视为相对链接,尝试登录时返回 404
- ruby-on-rails - Ruby on Rails - 在 OSX 上使用 Ruby 2.4.4 而不是 rails 5.1.6 的配置问题/异常
- asp.net - ASP .Net MVC Web 应用程序搜索过滤器不起作用?
- html - jQuery 每个函数都不能用于将查询字符串附加到 URL
- c# - c#图表内存不足异常
- google-chrome - 来自 localhost 的文件可以用作 web_accessible_resources 吗?
- android - HMS Location Kit,位置更新仅在用户选择“始终允许”时有效