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)