CSSのデータ属性のターゲットを使用

Question

私は、ターゲットとするときに特別なスタイルが必要なデータ属性を使用して要素にリンクするアンカーを持っています。

マイロジック

span[data-anchor="my-data"]:target { 
    /* styles */ 
} 

<a href="#my-data">anchor</a> 

<span data-anchor="my-data">My Data</span> 

私はショートコードアルティメット（WP） https://gndev.info/shortcodes-ultimate/

Answer 1

を使用しています：ターゲットは、現在アクティブなアンカー上で動作 それは本当にセレクタ

を必要としません。

試してみてください：

html：

<a href="#my-data">anchor</a> 
<span id="my-data">My Data</span> 

CSS：

:target { 
    background-color: red; 
} 

はhere- https://jsfiddle.net/0fkh8n09/

作業例を参照してください