CSS - 要閱讀的鏈接列表。 a：visited :: before不會做我期望的

Question

基本上這個：http://codepen.io/anon/pen/KaLarE

我想創建一個鏈接列表，每個鏈接前都有一個複選框。然後檢查鏈接是否已被訪問。

我試過這個，但只有沒有，這很臭。 [傻笑]

a::before { 
    content: 'no' 
} 
a:visited::before { 
    content: 'yes' 
} 

如果我能做到這一點W/O JS，那將是驚人的:-)

Answer 1

我不認爲你可以在CSS。 HTML會自動轉義，所以你不能在那裏設置一個複選框（修改content的例子，用<p>NOOOOOO</p>來看看我說的）。

唯一的方法是使用JS：迭代所有輸入組-a，然後對每個input檢查是否訪問了其兄弟a（:visited）。在jQuery中就像$(this).prop("checked", $(this).siblings("a").eq(0).is(":visited"));。

對不起，沒有發帖的代碼，沒有時間。但是這應該是for循環中的代碼。稍後當我回來時會輸入。