在新窗口中突出显示文本

Question

我正在尝试创建一个食谱页面，用户可以点击食谱成分（例如橄榄油，西兰花等）并重定向到成分列表，其中点击的成分以黄色突出显示。

我知道如何使用特定链接突出显示文字：

CSS：

.highlight {background-Color:yellow;}

使用Javascript：

function highlightText(id) 
{
    var textObject = document.getElementById(id);

    textObject.className = "highlight";
}

HTML：

<h1 id="ingredient">Olive Oil</h1>
<a href="javascript:highlightText('ingredient')">Olive Oil</a>

我想要做的是从另一个页面创建一个指向“Olive Oil”的链接，就像使用id属性一样：

<a href="http://www.mypage.com/recipe-list.html#ingredient">
    Olive Oil
</a>

我感谢任何帮助。这是我的第一篇文章，所以请原谅我提出这么简单的问题。

Answer 1

使用目标选择器

:target{
background-color:yellow;
}

An article about that selector

Answer 2

为了突出显示图像，文本或html文档，您可以使用灯箱。

试一试：http://jquery-jkit.com/commands/lightbox.html