方法一：通用兄弟选择器( ~ )
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。
@ css元素定位工具？
cssSelector定位，属于CSS高级等位，它的定位方式，利用选择器进行的。在CSS 中，选择器是一种模式，用于选择需要添加样式的对象。“CSS” 列指示该属性是在哪个CSS 版本中定义的。(CSS1、CSS2 还是CSS3。);
下面罗列了一部分的CSS定位方式。看到这么多是否觉得CSS不再简单，其实不然常用的几种方式作者已标记，CSS定位是平常使用过程中非常重要的一种方式。它与Xpath定位有诸多类似的地方，但是无论从性能还是语法上来说CSS都是比较有优势的。
1、一般情况下定位速度要比XPATH快
2、语法比Xpath要简洁
@ DW中常用css样式四种类型详细解析说明？
1、外部样式
格式：<link type=”text/css” rel=”stylesheet” href=”css路径” />
举例：<link type=”text/css” rel=”stylesheet” href=”layout.css”/>
用处：这种形式是把css单独写到一个css文件内，然后在源代码中以link方式链接。它的好处是不但本页可以调用，其它页面也可以调用，是最常用的一种形式。
备注：Rel：指明连接的是什么文件； Type：指明引入的文件的格式类型； Href：指明文件的路径，以引入文件为基准的相对路径。
2、内部样式
格式： <style type=”text/css”>选择器 {声明1、声明2………}</style>
这样的话，该文件中的所有P标签都将应用该style样式，而不需要在没一个html标签中写。
用处：这种形式是内部样式表，它是以<style>和</style>结尾，写在源代码的head标签内。这样的样式表只能针对本页有效。不能作用于其它页面
3、举例：
<html>
<head>
<title></title>
<style>
P{
font-size:50px;
color:red;
text-deceration:line
}
</style>
</head>
<body>
</body>
</html>
4、行内样式：就是直接在html标签后面写样式代码
<p style=”font-size:50px;color:red;text-deceration:line”>啊啊啊啊</p>
用处：这种在标签内以style标记的为内部样式，内部样式只针对标签内的元素有效，因其没有和内容相分离，所以不建议使用。
5、导入样式
@import url(“/css/global.css”);
链接样式是以@import url标记所链接的外部样式表，它一般常用在另一个样式表内部。如layout.css为主页所用样式，那么大家可以把全局都需要用的公共样式放到一个 global.css的文件中，然后在layout.css中以@import url(“/css/global.css”)的形式链接全局样式，这样就使代码达到很好的重用性。
6、CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。
selector {declaration1; declaration2; … declarationN }
选择器通常是您需要改变样式的 HTML 元素。
每条声明由一个属性和一个值组成。
属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。属性和值被冒号分开。
selector {property: value}
下面这行代码的作用是将 h1 元素内的文字颜色定义为红色，同时将字体大小设置为 14 像素。
在这个例子中，h1 是选择器，color 和 font-size 是属性，red 和 14px 是值。
h1 {color:red; font-size:14px;}
提示：请使用花括号来包围声明。
@ css规则？
在CSS样式规则
1.选择器用于指定CSS样式作用的HTML对象，花括号内是对该对象设置的具体样式。
2.属性和属性值以“键值对”的形式出现。
3.属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等。
4.属性和属性值之间用英文“:”连接。
5.多个“键值对”之间用英文“;”进行区分。
