方法一：通用兄弟选择器( ~ )
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。
伪dom是什么意思啊？
“伪DOM自定义事件”是自己定义的一个名词，用来区分DOM自定义事件的。例如jQuery库，其是基于包装器（一个包含DOM元素的中间层）扩展事件的，既与DOM相关，又不直接是DOM，因此，称之为“伪DOM自定义事件”。
virtual DOM 虚拟DOM，用普通js对象来描述DOM结构，因为不是真实DOM，所以称之为虚拟DOM。
虚拟 dom 是相对于浏览器所渲染出来的真实 dom而言的，在react，vue等技术出现之前，大家要改变页面展示的内容只能通过遍历查询 dom 树的方式找到需要修改的 dom 然后修改样式行为或者结构，来达到更新 ui 的目的。
html中怎么实现上一页1234页下一页？
这些属于可点击的超链接可以采用a标签实现鼠标放上去显示黑框需要css3的超链接伪类使用:hover即可达到效果
请问css的条件判断语句怎么写？
CSS 没有条件判断语句的概念。但是，可以使用媒体查询来实现类似的功能。
媒体查询允许在特定的条件下应用 CSS 规则。例如，可以使用媒体查询来设置当屏幕宽度小于某个值时应用的样式。
下面是一个示例，在屏幕宽度小于 800 像素时将 body 的背景色设置为红色：
@media screen and (max-width: 800px) { body { background-color: red; } }
也可以使用 @supports 语句来测试浏览器是否支持某个 CSS 特性。例如，下面的代码会在浏览器支持 grid 布局时将 body 背景色设置为红色：
@supports (display: grid) { body { background-color: red; } }
还可以使用伪类来控制样式的应用。例如，可以使用 :hover 伪类来设置当鼠标悬停在元素上时应用的样式。
