细节
我有一个下拉菜单的国家
每个国家/地区都有其名称的ID。例如澳大利亚-id="Australia"
当我选择它们时,他们将重定向/放大到该国家/地区。
到目前为止,它已经可以工作了,但是要说出我刚刚点击哪个国家还是有点困难。
所以现在,我想将border
应用于我的class="country-name"
这是我的下拉列表
如您所见,我在Australia
上进行了选择,那么我的HTML应该是这样的<h5 id="Australiaia" class="country-name" >Australia</h5>
然后,我的观点应将我重新定向到
这是我想做的,我想把边界设在澳大利亚。
JSFiddle
最佳答案
将目标选择器添加到CSS中:
.country-name:target { font-weight: bold; color: red; }