后台管理页面及标签,属性,群组选择器使用
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>10.19作业</title>
</head>
<style>
/*标签选择器*/
h1{
color:red;
}
/*属性选择器*/
.h2{
color: #888888;
}
#h3{
color: #eeffcc;
}
/*群组选择器*/
h4,h5,h6{
color: yellow;
}
</style>
<body>
<h1 style="color: black">后台管理页面</h1>
<nav>
<a href="" target="admin">首页</a>
<a href="" target="admin">用户中心</a>
<a href="" target="admin">订单列表</a>
<a href="" target="admin">发货列表</a>
<a href="" target="admin">商品管理</a>
</nav>
<iframe srcdoc="请选择导航栏..." name="admin" id="admin" frameborder="0" width="100%"></iframe>
<h1>h1标签</h1>
<h2 class="h2">h2标签</h2>
<h3 id="h3">h3标签</h3>
<h4>h4标签</h4>
<h5>h5标签</h5>
<h6>h6标签</h6>
</body>
</html>
代码执行效果