css 利用 :not(:empty) 找出有子元素

参考：CSS 为没有内容的元素设置样式 :not(:empty)

我们有时会想将有子元素和无子元素的不同样式显示，所以就有了这篇资料

Html

<div class='box'></div>
<div class='box'>纯文本</div>
<div class='box'><button>内置button</button></div>
<div class='box'><span>内置span</span></div>
<div class='box'>前置<span>文本 + span</span></div>

CSS

div{display: block;width: 200px;height: 30px;margin: 5px;
}/*无内容*/
div.box:empty{/*display:none;*/border: 1px solid red;
}/*有内容*/
div.box:not(:empty){border: 1px solid blue;
}

效果图

css 利用 :not(:empty) 找出有子元素相关推荐

Java黑皮书课后题第7章：7.10（找出最小元素的下标）使用下面的方法头编写一个方法，求出一个整数数组中的最小元素下标。编写测试程序，提示用户输入10个数字，调用这个方法返回最小值的下标（多个则最小
7.10(找出最小元素的下标)使用下面的方法头编写一个方法,求出一个整数数组中的最小元素下标.编写测试程序,提示用户输入10个数字,调用这个方法返回最小值的下标(多个则返回最小的下标) 题目题目描述 ...
Java黑皮书课后题第7章：7.9（找出最小元素）使用下面的方法头编写一个方法，求出一个整数数组中的最小元素。编写测试程序，提示用户输入10个数字，调用这个方法返回最小值，并显示这个最小值
7.9(找出最小元素)使用下面的方法头编写一个方法,求出一个整数数组中的最小元素.编写测试程序,提示用户输入10个数字,调用这个方法返回最小值,并显示这个最小值题目题目描述与运行示例破题代码 ...
给定一个由0和1组成的矩阵，找出每个元素到最近的0的距离
给定一个由 0 和 1 组成的矩阵,找出每个元素到最近的 0 的距离. (Leetcode 542) 两个相邻元素间的距离为 1 . 示例 1: 输入: 0 0 0 0 1 0 0 0 0 输出 0 ...
实验4.1对任意一个一维数组，从中找出数组元素的最大值和最小值并输出。要求： 1）数组有10个元素； 2）使用scanf函数实现数组元素的输入，输入前给出必要的提示信息； 3）输出时，首先输出数组
/*SY4.1 题目描述对任意一个一维数组,从中找出数组元素的最大值和最小值并输出 . 要求: 1)数组有10个元素: 2)使用scanf函数实现数组元素的输入,输入前给出必要的提示信息: 3)输出 ...
第七章第十题（找出最小元素的下标）（Find the subscript of the smallest element）
第七章第十题(找出最小元素的下标)(Find the subscript of the smallest element) 7.10(找出最小元素的下标)编写一个方法,求出整数数组中最小元素的下标.如 ...
给定数组Arr[n]，O(n)时间内找出每个元素左侧所有元素中位置最靠近该元素且大于该元素的元素
http://blog.csdn.net/yysdsyl/article/details/5419149#cpp 题目: 给定数组Arr[n],对于其中的每个元素Arr[i](0=<i<n ...
如何利用多层循环找出对称的3位数数字？
找出对称的3位数数字? 题目详情: 利用 3 层for循环的列表生成式,找出对称的 3 位数.例如,121 就是对称数,因为从右到左倒过来还是 121. 题目拓展如果随便给定一个数字,怎样去判断这个 ...
LeetCode 1901. 找出顶峰元素 II（二分查找）
文章目录 1. 题目 2. 解题 1. 题目一个 2D 网格中的顶峰元素是指那些严格大于其相邻格子(上.下.左.右)的元素. 给你一个从 0 开始编号的 m x n 矩阵 mat ,其中 ...
在考纲词汇中利用复数规则找出的65个词
2019独角兽企业重金招聘Python工程师标准>>> CET4.CET6.GRE.IELTS.TOEFL.考研英语总的词汇量为14055,在这些词中,利用如下复数规则找出了65个词 ...

css 利用 :not(:empty) 找出有子元素

css 利用 :not(:empty) 找出有子元素相关推荐

最新文章

热门文章