CSS：ターゲット擬似クラスは、リンク

Question

をクリックした後に適用されていない私は（turbolinks付き）Rails5に

HTMLマークアップ使用しています：

<a href="/post/slug#target1">Target1</a> 
<a href="/post/slug#target2">Target1</a> 
... 
<p id="target1">Content1</p> 
<p id="target2">Content2</p> 

をCSS：

p:target { 
    background-color: red; 
} 

問題がありますターゲット擬似クラスはページのリフレッシュ後にのみ適用されます。リンクをクリックすると、スタイルは適用されません。

私はこの動作がターボリンクの原因であると確信しています。これを修正するには？

Answer 1

私は解決策を見つけましたが、この質問を書いています。物事がうまく動作させるために

、我々は次のように、このようなリンクにデータ属性を追加する必要があります。

<a href="/post/slug#target2" data-turbolinks="false">Target1</a> 

この属性は、リンクごとにturbolinksを無効にします。

詳細はこちらDisabling Turbolinks on Specific Links