论坛
标题:
选择器练习
[打印本页]
作者:
joker两点
时间:
2018-1-10 19:51
标题:
选择器练习
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
/* h1{ color:red; font-size:20px;}
h2{ color:green; font-size:16px}
div{ color:blue; font-size:24px}
.text{ color:pink;}
#one{ color:yellow;}
*{ color:#999;}
.out .in{ color:pink;}
h1,h2,.out .in{ color="green" font-size=30px;}*/
h1{ color:red;}
h1:hover{ color:yellow; text-decoration:underline}
</style>
</head>
<body>
<h1 class="text">勤学网</h1>
<h2 id="one">勤学善思</h2>
<div>学以致用</div>
<div class="out">
<div class="in">
在里面的div
</div>
</div>
<div>没有父级的div</div>
</body>
</html>
复制代码
作者:
潜意式
时间:
2018-1-11 17:49
完成不错哦,注意不同选择器的正确书写格式,以及包含关系等。
欢迎光临 论坛 (http://bbs.qinxue.com/)
Powered by Discuz! X3.1