在新窗口中突出顯示文字

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