CSS 为没有内容的元素设置样式 :not(:empty)
【摘要】
当我们想要根据元素内部是否有内容来显示特定的样式时 我们可以使用 :not 与:empty 结合来实现这个效果
代码如下
.handle_menu_content:not(:empty){ width: 90px; position: fixed; z-index: 999999...
当我们想要根据元素内部是否有内容来显示特定的样式时 我们可以使用 :not 与:empty 结合来实现这个效果
代码如下
.handle_menu_content:not(:empty){
width: 90px;
position: fixed;
z-index: 999999;
top: 0;
z-index: 9999999;
left: 38px;
background: #fff;
border-radius:3px;
border: 1px solid #B3CAF5;;
line-height: 1;
}
用于选中最后一个元素 :last-of-type
.status_btn_outer:last-of-type{
button{
border-right: 1px solid #D2DCED;
}
}
上面一行代码选中的还是类为status_btn_outer的最后一个元素
如果要选选中某一个元素内部的最后一个元素 请使用:last-of-child
文章来源: fizzz.blog.csdn.net，作者：拿我格子衫来，版权归原作者所有，如需转载，请联系作者。
原文链接：fizzz.blog.csdn.net/article/details/98970780
【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
作者其他文章
评论（0）