首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

:empty伪类代替js,实现为时的提示

在显示数据列表时,我们通常还会写个判断,如果数据数据为时,显示类似“无数据”的提示给用户 下面分享一个,不用去写js判断,直接css实现为时的信息提示。...使用方法就是利用:empty伪类 :empty 伪类用来匹配标签元素,例如: .cs-empty:empty{ width: 120px...; padding: 20px; border: 10px dashed; } 此时,div 元素就会匹配:empty伪类,呈现出虚线框 利用:before的特性,便能实现数据为时的信息提示...'; display: block; line-height: 300px; text-align: center; color: gray; } 哈哈,发现有好一些用js...操作的方法,都可以使用css来实现,大家在代码过程中,多思考一下,是否Css能代替js,从而提高性能,不过,也要注意Css的兼容性问题

1.5K20
领券