翻翻過去那場雪
2023-12-14 15:56:30
初學者問題。假設我有 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
提交
取消