Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何将CSS样式添加到HTML中的焦点锚点_Html_Css_Anchor - Fatal编程技术网

如何将CSS样式添加到HTML中的焦点锚点

如何将CSS样式添加到HTML中的焦点锚点,html,css,anchor,Html,Css,Anchor,在第1页上有一个链接,可以将您带到第2页上的某个点 这将带您直接进入第2页上的锚(位置),代码如下 <a name="position"> MORE TEXT HERE</a> 这里有一个例子 提前谢谢你 尝试使用 <a name="position" class="position"> MORE TEXT HERE</a> 将id添加到标记中 您可以在这里使用您的示例来了解 您可以使用CSS3:targetpeseudo选择器: 此外,不

在第1页上有一个链接,可以将您带到第2页上的某个点

这将带您直接进入第2页上的锚(位置),代码如下

<a name="position"> MORE TEXT HERE</a>
这里有一个例子

提前谢谢你

尝试使用

<a name="position" class="position"> MORE TEXT HERE</a>

将id添加到标记中

您可以在这里使用您的示例来了解


您可以使用CSS3
:target
peseudo选择器:


此外,不要使用旧的神话
..
,您只需
标识您要跳转到的部分,例如
..

使用
:目标
选择器:

a:target, /* or simply */
:target {
    /* CSS to style the focused/target element */
}
您最好使用特定元素的
id
来接收焦点,因为命名锚似乎已经被删除,如果不是完全不推荐的话

参考资料:


感谢您的帮助,这一切都成功了。我还必须添加类谢谢你的帮助,我添加了类,它成功了,我还必须给CSS a:target谢谢你的帮助:D
.position {
color:#ff0000;
background-color:#f5f36e;
}
<a id="position" href="#position">MY TEXT HERE</a>
a:target, /* or simply */
:target {
    /* CSS to style the focused/target element */
}
<a href="#position2" id="position">MY TEXT HERE</a>
...
<a name="position2" id="pos2"> MORE TEXT HERE</a>
a[name=position2]:target{     
    background-color:green;
}