Выделение текста в новом окне

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> 

Что я хотел бы сделать это, создать ссылку на «Оливковое масло» с другой страницы, как вы использовали бы атрибут 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