CSS - 読み込むリンクのリスト。 a：visited :: beforeは私が期待していることをしません

Question

基本的にはhttp://codepen.io/anon/pen/KaLarE

私はそれぞれの前にチェックボックスを使ってリンクのリストを作成したいと思います。次に、リンクが訪問されているかどうかチェックします。

私はこれを試しましたが、嫌なことはしませんでした。 [作り笑い]

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

私はW/O JSそれを行うことができれば、それは私はあなたがCSSでできるとは思わない

Answer 1

:-)素晴らしいだろう。 HTMLは自動的にエスケープされるので、そこにチェックボックスを設定することはできません（contentの例を<p>NOOOOOO</p>と変更して、私の言うことを見てください）。

唯一の方法は、JSの場合です。入力-aのすべてのグループに対して繰り返し、各inputの兄弟がにアクセスしたかどうかをチェックします（:visited）。 jQueryは$(this).prop("checked", $(this).siblings("a").eq(0).is(":visited"));のようになります。

申し訳ありませんがコードを投稿していないため、時間がありません。しかし、それはforループの中に与えられるcodetoでなければなりません。私が戻ったときに後で入力します。