方法一:通用兄弟选择器( ~ )
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 伪类来设置当鼠标悬停在元素上时应用的样式。