复合选择器-子选择器(HTML、CSS)

曾经终败给现在 2023-10-03 12:49 138阅读 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. .nav>a {
  9. color: red;
  10. }
  11. </style>
  12. </head>
  13. <body>
  14. <div class="nav">
  15. <a href="#">儿子</a>
  16. <p>
  17. <a href="#">孙子</a>
  18. </p>
  19. </div>
  20. </body>
  21. </html>

发表评论

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

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

相关阅读

    相关 CSS复合选择

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

    相关 CSS复合选择

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

    相关 jQuery复合选择

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

    相关 CSS复合选择

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