javascript - 从下拉菜单中选择 `#id` 后如何设置 `#id` 的样式？

Question

详情

• 我有一个国家下拉菜单
• 每个国家都有其名称的 ID。前任。澳大利亚 - id="Australia"
• 当我选择它们时，它们将重定向/放大到该国家/地区。
• 目前一切正常，但有点难以判断我刚刚点击的是哪个国家/地区。
• 现在，我想申请 border到我的class="country-name"
• 这是我的下拉列表

如您所见，我选择了 Australia那么我的 HTML 应该是这样的

<h5 id="Australiaia" class="country-name" >Australia</h5>

然后，我的 View 应该将我重定向到

这是我想做的，我想在 View 中显示澳大利亚的边界。

JSFiddle

Answer 1

将目标选择器添加到您的 CSS:

.country-name:target { font-weight: bold; color: red; }