Question

CSS

#nav > li {
  list-style:none;
  letter-spacing:3px;
  }

<ul id="nav">
  <li><a href="#">Home</a></li>
  <li><a href="#">About US</a></li>
  <li><a href="#">Services</a>
	<ul>
		<li><a href="#">Web Development</a></li>
		<li><a href="#">Mobile Development</a></li>
		<li><a href="#">Consultancy</a></li>
	</ul>
</li>
</ul>

我正在使用子选择器使列表样式为none，这样只会使子项列表项无法清除。但是，字母间距属性是为孙子列表项添加间距。这令我感到困惑。

Answer 1

OFFSET (?) ROWS FETCH FIRST (?) ROWS ONLY，letter-spacing和text-*的默认行为是从父级继承。所以你重置了你的孩子：

＆＃13;

font-*

＆＃13;

#nav > li {
  list-style: none;
  letter-spacing: 3px;
}
#nav > li li {
  letter-spacing: normal;
}

＆＃13;

Answer 2

#nav > li {
  list-style:none;
  letter-spacing:3px;
  ul{
    list-style:none;
    letter-spacing:0;
  }
}

或

#nav > li {
  list-style:none;
  letter-spacing:3px;
  ul{
    li{
      list-style:none;
      letter-spacing:0;
    }
  }
}

CSS Child选择器令我困惑

2 个答案: