首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

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

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

1.6K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    php empty()和isset()的区别

    原来,empty() 和 isset() 虽然都是变量处理函数,它们都用来判断变量是否已经配置,它们却是一定的区别:empty还会检测变量是否为空、为零。...print " It's empty . " : print " It's $id . " ;  // 结果:It's empty ....单从empty()和isset()这两个函数本身来考虑的话会把人弄得更糊涂,换一个角度来它。empty()和isset()的处理对象无外乎未定义变量,0,空字符串。...如果变量为0,则empty()会返回TRUE,isset()会返回TRUE; 如果变量为空字符串,则empty()会返回TRUE,isset()会返回TRUE; 如果变量未定义,则empty()会返回...TRUE,isset()会返回FLASE; 手册中对empty()的解释如下: 描述bool empty( mixed var ) 如果 var 是非空或非零的值,则 empty() 返回 FALSE

    2K60
    领券