如何在div中創建錨點？

-1

我正在尋找不需要的JavaScript，jQuery的或任何太先進的解決方案;主要是HTML/CSS，因爲這些是我限制使用的。如何在div中創建錨點？

的想法我已經是一個DIV ID內的兩個小格類的佈局。每個盒子都有自己的內容，並排放置。我試圖完成的是在一個div內創建一個錨鏈接，將其內容更改爲其他內容。

例如默認情況下，框1顯示「abc」作爲其內容，而框2顯示「def」。當您點擊框1中的錨鏈接時，內容將變爲123 - 而不會影響框2中的內容或使用錨點將其移下。

希望這是有道理的。沒有編輯/編輯的代碼，所以我們將不勝感激。

2012-12-04 abc

可以使用:target選擇隱藏兩個DIV，並與在URL哈希ID顯示元素：

div.MyBox { 
    display: none; 
} 
div.MyBox:target { 
    display: block; 
}

單擊一個<a>標籤指向#someId然後會顯示該元素。

2012-12-04 19:27:58 SLaks

謝謝你的答覆。您是否可以展示它將如何出現在HTML部分？ – abc

你的意思是具有多個（> 2）的div，即1「ABC」，一個隱藏的第二一個與「123」，和第三（可見的）與「DEF」？我想不出更好的方式來給更改文本沒有JavaScript的外觀，但它看起來（如果我理解正確的話），如更多的努力比不 – ataulm

是的，這就是我試圖完成。這不是一個努力的問題，但我被限制使用。我正在嘗試創建的站點基礎不允許使用JavaScript。 – abc

回答