CSS后代选择器

CSS后代选择器样式针对div进行设置，例如将页面首部header中的内容部分inner居中则可通过后代选择器，先找容器，空格隔开，然后再添加指定元素即可。

CSS如下：

 /*使用后代选择器  先找容器 空格隔开  指定的元素*/
     .header_top .inner{
         width: 994px;
         height: 144px;
         background-color: red;
         /*元素的水平居中*/
         margin:0 auto;
     }

body中的div如下：

<div class="header_top">
        <!--内容区域，有固定大小，并且需要对应的居中显示-->
        <div class="inner">
      
        </div>
        </div>

如此即可通过CSS后代选择器实现内容居中效果