CSS 实际应用－:first-child 为什么无效

ITPOW2017/2/23 14:23:48

请先看代码：

<style type="text/css"> .section { border-top:1px solid #ccc; } .section:first-child { border-top:none; } </style> <div> <input type="hidden" value="" /> <div class="section first">1</div> <div class="section">2</div> <div class="section">3</div> </div>

如上代码，如果把 input 去掉，第一个 section 才会受到响应 border-top:none;。

所以 .section:first-child 的实际逻辑时：

• 先根据 .section 找到所有标签。
• 再看这个标签是不是其父元素的第一个儿子。

请继续阅读：first-child 与 first-of-type 的区别。