將鏈接標記爲已讀鉤子

我想標記已經用鉤子讀取的鏈接。未讀鏈接不應顯示掛鉤。 rule是訪問過的鏈接，只能在顏色上有所不同。將鏈接標記爲已讀鉤子

將未讀鏈接的鉤子透明是否可以嗎？
還是有更好的解決方案？

a.readed {color: rgba(0, 255, 0, 1)} 
a.readed:visited {color: rgba(0, 255, 0, 0)} 

<a href=""> goto</a><a href="" class="readed"> ✓</a>

來源

2017-02-23 Lovntola

您是否嘗試過使用':: after {content：'✓'}'？ –

如果鏈接被訪問（訪問），該鉤子應該只顯示。對不起，我編輯我的問題。 – Lovntola

你應該看看這個：https://hacks.mozilla.org/2010/03/privacy-related-changes-coming-to-css-vistited/ – Eria

而不是添加額外的鏈接，只是把它作爲:after/:before

a:after { 
 
    content: '✓'; 
 
    display: inline; 
 
}

<a>Some link</a>

來源

2017-02-23 08:19:08 Justinas

鉤子只應該在鏈接被獲得時纔會顯示。鏈接本身應該是可見的。 – Lovntola

a.visted：在{ 內容：'✓'; display：inline; } coud work，看起來更聰明。我會嘗試。 – Lovntola

哦，它必須a：visited：後但不是錯我怎麼能寫這兩個在一起工作？ – Lovntola

我會做一些事情，比如修改鏈接的顏色，看看有什麼CSS content已被點擊。

a { 
 
    color: blue; 
 
} 
 

 
a[tabindex]:focus:after { 
 
color: red; 
 
outline: none; 
 
content: 'insert hook here'; 
 
display: inline; 
 

 
}

<a href="#" tabindex="1">Test</a>

但是你的方式也不錯，所以如果它的工作原理它並不真正的問題，我猜。

編輯：

沒有回答你的問題。所以我嘗試了一些事情，這是最接近我要顯示鉤唯一的問題是你ü點擊範圍後，它再次隱藏，所以小提琴圍繞着這個。

來源

2017-02-23 08:21:27

你是對的它不是100％的解決方案。但它只是一個「很高興擁有」，並且不需要進程來顯示標記的鉤子。就像Cookie解決方案一樣。 Thx – Lovntola

沒問題，就像你覺得它是如何做的那樣。它可以通過多種方式完成。 –

將鏈接標記爲已讀鉤子

回答

相關問題