HTML5学习_day02(2)--css层次选择器

css层次选择器

1.后代选择器
        写法：
        父..父级选择器 父级选择器 子级选择器{样式1;样式2;}
        作用:一级一级去寻找直到找到子级选择器，然后对子级进行样式控制。一般的标签的嵌套使用的比较多。
        实际:就是从最外层一层一层去 找直到找到你想要的标签，最终通过选择器进行样式的设置。

     例如：    

     <div id="id1">
            <div>12444</div>
       </div>

     <div>
            <div id="id2">
                <div class="class2">
                    <div>13343444</div>
                    <p>121322345</p>
                </div>
            </div>
        </div>

       style中的代码为:

      

   #id1 div{
                background: darkmagenta;
            }
        
   div #id2 .class2 div,p{
                background: darkkhaki;
            }

</