方法一:通用兄弟选择器( ~ )
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的基本语法和标签?
CSS规则由两部分组成,选择器,和一条或多条声明,例如:
h1 {color:blue; font-size:12px;}
选择器通常是html中的一个标签,每条声明由一个属性和属性值组成,一般是样式属性
CSS一般写在html文件中的<style></style>标签里面,
CSS注释:以/* 开头,*/结尾
@ CSS样式是专门用来进行什么的?
CSS即层叠样式表(Cascading Style Sheets),是一种专门用来表现HTML或XML等文件样式的计算机语言。
CSS样式主要包含以下三种类型:
1、行内样式(内嵌样式):结构的内部,即写在标签内的样式;写在标签的开始部分内部,style属性当中。
例:<标记></标记>
2、内部样式(内联样式):写在HTML页面内部,存放于head标记当中,样式写在style标记内。
例:<style>选择器 {属性名:属性值;属性名:属性值;……}</style>
3、外部样式(外联样式):写在css文件内。