CSS-包含选择器、后代选择器

我不是女神ヾ 2023-07-01 06:24 288阅读 0赞

说明：

1.包含选择器也可以叫做后代选择器。利用父子级关系进行选择.
2.父子级关系,从父级到子级的顺序，用空格分隔 

  1. <html>
  2. <head>
  3.     <style>
  4.     .div1 .div1-1 .div1-1-p{
  5.         color: red;
  6.     }
  8.     .div2 .div2-1 .div2-1-p{
  9.         color: blue;
  10.     }
  11.     </style>
  12. </head>
  13. <body>
  14.     <div class="div1">
  15.         <div class="div1-1">
  16.             <p class="div1-1-p">包含选择器</p>
  17.         </div>
  18.     </div>
  20.     <div class="div2">
  21.         <div class="div2-1">
  22.             <p class="div2-1-p">包含选择器2</p>
  23.         </div>
  24.     </div>
  26.     <div class="div1-1">
  27.         <p class="div1-1-p">包含选择器不能被渲染，应为缺少div1</p>
  28.     </div>
  29. </body>
  30. </html>

在这里插入图片描述

发表评论

表情：
评论列表 （有 0 条评论，288人围观）

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

相关阅读