复合选择器-并集选择器(HTML、CSS)

- 日理万妓 2023-10-03 12:49 155阅读 0赞

复合选择器-并集选择器(HTML、CSS)

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>复合选择器-并集选择器</title>
  7. <style>
  8. /* div,
  9. p {
  10. color: red;
  11. } */
  12. /* , 相当于和 */
  13. div,
  14. p,
  15. .pig li {
  16. color: red;
  17. }
  18. /* 注意!!!最后一个选择器 不用加, */
  19. </style>
  20. </head>
  21. <body>
  22. <div>熊大</div>
  23. <p>熊二</p>
  24. <span>光头强</span>
  25. <ul class="pig">
  26. <li>小猪佩奇</li>
  27. <li>猪爸爸</li>
  28. <li>猪妈妈</li>
  29. </ul>
  30. </body>
  31. </html>

发表评论

表情:
评论列表 (有 0 条评论,155人围观)

还没有评论,来说两句吧...

相关阅读

    相关 CSS复合选择

    交集选择器 并集选持器 后代选择器 子元素选择器 相邻兄弟选择器 属性选择器 交集选择器 交集选择器由两个选择器直接连接构成,其中第

    相关 CSS复合选择

    复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的,目的是为了可以选择更准确更精细的目标元素标签。 交集选择器 交集选择器由两个选择器构成,其中第一个为标签选

    相关 jQuery复合选择

    一 介绍 复合选择器将多个选择器(可以是ID选择器、元素选择或是类名选择器)组合在一起,两个选择器之间以逗号“,”分隔,只要符合其中的任何一个筛选条件就会被匹配,返回的是一个

    相关 CSS复合选择

    CSS复合选择器 复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的,目的是为了可以选择更准确更精细的目标元素标签。 交集选择器 交集选择器由两个选择器构成,其