当前位置: 代码迷 >> 综合 >> 学习布局(9) 加强版选择器
  详细解决方案

学习布局(9) 加强版选择器

热度:89   发布时间:2023-10-08 17:49:29.0

 加强版选择器---后代选择器:

         后代选择器就是使用多个选择器的组合来找到要控制的标签,不同的选择器之间使用空格分隔开

#wrap p {border: 1px solid red;
}

 加强版选择器---子代选择器:

           以下的意思就是 id为 wrap中的子代p元素添加给定的样式

        #wrap > p {border: 1px solid red;}

 加强版选择器---群组选择器:

 #wrap , .con p {border: 2px solid black;}

   通配符选择器,选择到所有的标签:

		  * {border: 1px solid black;}

  毗邻选择器:

 .con + p {选择类名为con的元素后面的p元素,且要求p元素必须是div元素的兄弟级元素}

 

  相关解决方案