Blogger Information
Blog 7
fans 0
comment 1
visits 1896
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
前端选择器作业
PHP中文网用户-6406556
Original
258 people have browsed it

视音频元素

  1. <audio src="" controls></audio>
  2. <div><video src="Godzilla 2 Trailer.mp4" width="600" controls poster="121.jpg"></video></div>


上下文选择器

  1. <style>
  2. .list {
  3. width: 360px;
  4. }
  5. /* 父子选择器 */
  6. .list > .item {
  7. border: dotted blueviolet;
  8. }
  9. /* 后代选择器 */
  10. .list .item {
  11. color: aqua;
  12. }
  13. /* 兄弟选择器 */
  14. .four + .item {
  15. color: yellowgreen;
  16. }
  17. /* 同级选择器 */
  18. .three ~ * {
  19. background-color: royalblue;
  20. }
  21. </style>
  22. <ul class="list">
  23. <li class="item">item10</li>
  24. <li class="item">item9</li>
  25. <li class="item">item8</li>
  26. <li class="item">
  27. item7
  28. <ul>
  29. <li class="item four">item4-4</li>
  30. <li class="item three">item4-3</li>
  31. <li class="item">item4-2</li>
  32. <li class="item">item4-1</li>
  33. </ul>
  34. </li>
  35. <li class="item">item6</li>
  36. <li class="item">item5</li>
  37. </ul>

Correcting teacher:PHPzPHPz

Correction status:qualified

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post