css - 使用 :target for data attribute in CSS

Question

我有一个 anchor ，它使用数据属性链接到元素，在定位时需要特殊样式。

我的逻辑

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 作用于当前事件的 anchor 它真的不需要选择器

尝试这样的事情:

html:

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

CSS:

:target {
    background-color: red;
}

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