初学者问题。假设我有 4 个不同的链接指向同一网页,是否可以根据将我带到那里的链接来更改目标页面的属性?示例:我单击 link1,目标位置的背景为黄色。link2 导致它变黑。所以我的问题是我是否需要为 4 个不同的链接创建 4 个不同的网站副本?或者是否有 CSS 规则或其他规则可以实现相同的效果,而无需创建 4 个副本?
1 回答
炎炎设计
TA贡献1808条经验 获得超4个赞
可以使用css 中的:target伪选择器来根据URL 的#anchor更改样式。例如下面的例子,www.mysite.com/test.html#black
div#black:target {
background-color: black;
}
div#yellow:target {
background-color: yellow;
}
div.page {
min-height: 100vh;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Test</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="black">
<div id="yellow">
<div class="page">
<h1>Content</h1>
</div>
</div>
</div>
</body>
</html>
添加回答
举报
0/150
提交
取消