问答详情
源自：12-13 距离产生美 - 使用margin为盒子设置外边距（边界）

子选择器的问题

body  #box1{margin-bottom:30px;}/*有效果*/

body div #box1{margin-bottom:30px;}/*没效果*/

 #box1{margin-bottom:30px;}/*有效果*/

div #box1{margin-bottom:30px;}/*没效果*/

为什么会这样子？

提问者：zqbinary 2016-01-27 22:30

个回答

  • 萌态狼
    2016-01-27 22:59:58
    已采纳

    div #box1{{margin-bottom:30px;}/*div标签和#box1是同一级标签，不存在#box1是div的子标签，所以凡是“div #box1”的写法不生效*/

    0
  • 忆_卿
    2016-04-20 14:22:39

    div #box1{}这种写法叫包含选择器，div>#div{}这样写才叫子选择器。

    0