论坛

标题: 选择器练习 [打印本页]

作者: joker两点    时间: 2018-1-10 19:51
标题: 选择器练习
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>无标题文档</title>
  6. <style>
  7. /* h1{ color:red; font-size:20px;}
  8. h2{ color:green; font-size:16px}
  9. div{ color:blue; font-size:24px}
  10. .text{ color:pink;}
  11. #one{ color:yellow;}
  12. *{ color:#999;}
  13. .out .in{ color:pink;}
  14. h1,h2,.out .in{ color="green" font-size=30px;}*/
  15. h1{ color:red;}
  16. h1:hover{ color:yellow; text-decoration:underline}
  17. </style>
  18. </head>

  19. <body>
  20. <h1 class="text">勤学网</h1>
  21. <h2 id="one">勤学善思</h2>
  22. <div>学以致用</div>
  23. <div class="out">
  24.        <div class="in">
  25.             在里面的div
  26.        </div>
  27. </div>
  28. <div>没有父级的div</div>

  29. </body>
  30. </html>
复制代码


作者: 潜意式    时间: 2018-1-11 17:49
完成不错哦,注意不同选择器的正确书写格式,以及包含关系等。




欢迎光临 论坛 (http://bbs.qinxue.com/) Powered by Discuz! X3.1