Html 突出显示多个锚点

我想同时强调一页的两个部分

目前我有以下几点：

<li class="langLI" style="list-style-type:none"><a href="/non-discrimination-and-language-assistance##French">| French Creole</a></li>

---

目前，它将锚定和突出法国克里奥尔语。如何突出显示这两个部分？

Javascript方式

<li class="langLI" style="list-style-type:none"><a onclick="mulselect()">| French Creole</a></li>

CSS方式“如果它们在一个地方”

注意href属性中的更改，现在将目标链接到要选择的元素的父div

<li class="langLI" style="list-style-type:none"><a href="#targetarea">| French Creole</a></li>

现在您对选择有了更多的控制，即只有法语类的元素才会高亮显示

---

`

ID必须是唯一的。@j08691:是的，我知道，但是我如何用页脚链接高亮显示这两个部分，我已经用高亮部分进行了更新。如果要高亮显示的部分是连续的，我会将它们都包装到一个具有该ID的元素中。如果需要高亮显示页面的单独、非连续部分，我相信你将不得不求助于javascript；基于链接

：target

@DanielBeck，没有唯一的CSS方法可以做到这一点：Javascript方法是什么，它是页面的非顺序部分

<li class="langLI" style="list-style-type:none"><a onclick="mulselect()">| French Creole</a></li>

function mulselect(){
    french=document.getElementsByClassName("French");
    for( i in french ) {
  french[i].style.backgroundColor = 'yellow';
}

<li class="langLI" style="list-style-type:none"><a href="#targetarea">| French Creole</a></li>

<div id="targetarea">
<p class="French"><strong>French Creole</strong><br />
ATANSYON: Si w pale Krey&ograve;l Ayisyen, gen s&egrave;vis &egrave;d pou lang ki disponib gratis pou ou. Rele 1-321-268-6111. (TTY: 1-800-955-8771)</p>
<p class="French"><strong>French</strong><br />
ATTENTION: Si vous parlez fran&ccedil;ais, des services d'aidelinguistique vous sont propos&eacute;s gratuitement. Appelez le 1-321-68-6111. (TTY: 1-800-955-8771)</p>
<p class="English"><strong>French</strong><br />
ATTENTION: Si vous parlez fran&ccedil;ais, des services d'aidelinguistique vous sont propos&eacute;s gratuitement. Appelez le 1-321-68-6111. (TTY: 1-800-955-8771)</p>
</div>

#targetarea:target .French{
 background-color: #ffa;
-webkit-transition: all 1s linear;