如何将CSS样式添加到HTML中的焦点锚点
在第1页上有一个链接,可以将您带到第2页上的某个点如何将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选择器: 此外,不
这将带您直接进入第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;
}