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后代选择器实现内容居中效果