css中如何让第一个和最后一个不被选中?
tr全局属性:
tr {
background:#f3f900;
}
如果这样设置
tr:not(:first-child):hover {
background: #ffffdd;
}
只能让第一行鼠标移动到上面时背景不变黄
tr:not(:last-child):hover {
background: #ffffdd;
}
这样只能匹配让最后一行鼠标移动到上面时背景不变黄
那么,问题来了.
请问如何让第一行和最后一行鼠标移动到上面时背景都不变黄呢?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
两个 :not
写在一起就好了呀
2016.9.24 更正
预览好了。 底部
或者 :not(class)
如果上面的代码出现问题,使用下面的会更安全
预览
http://codepen.io/KZ-DSF/pen/...
以ul为例
其实只要将第一个和最后一个恢复原样覆盖就行了,那么下面也是可以的