CSS3 :target 选择器 | CSS 伪类(Pseudo-classes) | CSS教程

返回到:CSS 伪类(Pseudo-classes) | CSS教程

定义和用法

# 锚的名称是在一个文件中链接到某个元素的URL。元素被链接到目标元素。

:target选择器可用于当前活动的target元素的样式。

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

选择器谷歌IE火狐苹果opera
:target4.09.03.53.29.6

实例

Highlight active HTML anchor:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>Web176教程(Web176.com)</title>  
<style>
:target
{
	border: 2px solid #D4D4D4;
	background-color: #e5eecc;
}
</style>
</head>
<body>

<h1>This is a heading</h1>

<p><a href="#news1">Jump to New content 1</a></p>
<p><a href="#news2">Jump to New content 2</a></p>

<p>Click on the links above and the :target selector highlight the current active HTML anchor.</p>

<p id="news1"><b>New content 1...</b></p>
<p id="news2"><b>New content 2...</b></p>

<p><b>注意:</b> IE 8 以及更早版本的浏览器不支持 :target 选择器.</p>

</body>
</html>

作者:terry,如若转载,请注明出处:https://www.web176.com/cssprop/5413.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2022年4月12日 下午3:41
下一篇 2022年4月12日 下午3:48

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注