<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>结构性伪类选择器-target</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <h2><a href="#brand">Brand</a></h2> <div id="brand">content for Brand</div> <h2><a href="#jake">Brand</a></h2> <div id="jake">content for jake</div> <h2><a href="#aron">Brand</a></h2> <div id="aron">content for aron</div> </body> </html> #brand:target{ background: orange; color: #fff; } #jake:target{ background: blue; color: #fff; } #aron:target{ background: red; color: #fff; }
样式要写在head里面,内部样式要加<style></style>,
<head>
<style>
#brand:target{
background: orange;
color: #fff;
}
#jake:target{
background: blue;
color: #fff;
}
#aron:target{
background: red;
color: #fff;
}
<style>
</head>
建议先看下HTML+CSS(认真),不然后面的内容你可能都会迷糊
sdfgas
asdg
dasg
sdfg
css样式不需要用<style></style>吗?
右键,open in browser