方法一：通用兄弟选择器( ~ )
Document
ul {margin: 0; padding: 0;}
li { list-style: none; height: 50px; line-height: 50px;}
li~li {border-top: 1px solid #000;}
1
2
3
4
5
6
li~li {…} 中的 ~ 符号称为通用兄弟选择器，匹配P元素之后的P元素，所以第一个P元素不会匹配到。
方法二：伪类选择器( :first-of-type / :last-of-type )
Document
ul {margin: 0; padding: 0;}
li { border-top: 1px solid #000; list-style: none; height: 50px; line-height: 50px;}
li:first-of-type {border-top: none;}
1
2
3
4
5
6
首先将所有 li 设置 border-top，然后用 :first-of-type 查找到第一个 li ，取消border-top。
@ margin和padding有什么区别？
CSS中margin和padding有以下三方面区别。 在CSS中margin是指从自身边框到另一个容器边框之间的距离，就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离，就是容器内距离。
1、语法结构。 padding： padding-left:10px; 左内边距、padding-right:10px; 右内边距、padding-top:10px; 上内边距、padding-bottom:10px; 下内边距。 margin：margin-left:10px; 左外边距、margin-right:10px; 右外边距、margin-top:10px; 上外边距、margin-bottom:10px; 下外边距。
2、可能取的值。 padding：length规定具体单位记的内边距长度、%基于父元素的宽度的内边距的长度、auto浏览器计算内边距、inherit 规定应该从父元素继承内边距。 margin：length 规定具体单位记的外边距长度、%基于父元素的宽度的外边距的长度、auto浏览器计算外边距、inherit 规定应该从父元素继承外边距。
3、浏览器兼容问题。 padding：所有浏览器都支持padding属性、任何版本IE都不支持属性值“inherit”。 margin：所有浏览器都支持margin属性、任何版本IE都不支持属性值“inherit”。
@ html两种标记类型及其特点？
分为行内元素和块元素
行内元素特点:
(1)设置宽高无效
(2)对margin仅设置左右方向有效，上下无效；padding设置上下左右都有效，即会撑大空间
(3)不会自动进行换行
块元素特点:
(1)能够识别宽高
(2)margin和padding的上下左右均对其有效
(3)可以自动换行
(4)多个块状元素标签写在一起，默认排列方式为从上至下
@ html内边距啥意思？
内边距padding的意思是： 边框与内容之间的距离。
内边距padding
padding属性定义元素的内边距。padding 属性接受长度值或百分比值，但不允许使用负值。
按照上、右、下、左的顺序分别设置各边的内边距，各边均可以使用不同的单位或百分比值，例如：
h1 {padding: 10px 0.25em 2ex 20%;}
内边距也通过使用下面四个单独的属性，分别设置上、右、下、左内边距
padding-top 上内边距；
padding-right 右内边距；
padding-bottom 下内边距；
padding-left 左内边距；
例如：
h1 {
padding-top: 10px;
padding-right: 0.25em;
padding-bottom: 2ex;
padding-left: 20%;
}
