使用：CSS中的数据属性目标

Question

我有一个锚点，它使用数据属性链接到一个元素，在目标时需要特殊的样式。

我的逻辑

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

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

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

我使用Shortcodes Ultimate（WP） https://gndev.info/shortcodes-ultimate/

Answer 1

：target适用于当前活动的锚点 它真的不需要选择器

尝试这样的事情：

HTML：

isinstance

的CSS：

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

在此查看一个工作示例 - https://jsfiddle.net/0fkh8n09/