1. 超出隐藏(Overfull Occlusion)：当选择器包含一个或多个块级元素，而该元素的所有子元素都被选择了，那么该元素就会被隐藏。可以使用绝对定位或伪元素来实现超出隐藏。例如：
div {
position: relative;
width: 200px;
height: 200px;
div:before {
content: “”;
position: absolute;
top: 0;
left: 100px;
width: 0;
height: 0;
background-color: red;
在上面的代码中，选择器包含一个div元素，其子元素包含一个另一个div元素。第一个div元素中的before伪元素将被选择，因为它的父元素没有被选择，所以该元素将被隐藏。
2. 超出显示(Overfull Occlusion)：当选择器包含一个或多个块级元素，而该元素的所有子元素都被选择了，但没有任何子元素超出父元素的范围，那么该元素就会被显示。可以使用伪元素或定位来实现超出显示。例如：
div {
position: relative;
width: 200px;
height: 200px;
div:before {
content: “”;
position: absolute;
top: 0;
left: 100px;
width: 0;
height: 0;
background-color: red;
div {
position: absolute;
top: 200px;
left: 100px;
在上面的代码中，选择器包含一个div元素，其子元素包含一个另一个div元素。第一个div元素中的before伪元素将被选择，因为它的父元素是div元素，而第二个div元素中的元素超出了父元素的范围，所以该元素将被显示。
通过使用超出隐藏和超出显示，大家可以轻松地将某些元素隐藏或显示，而其他元素不受影响。在实际应用中，大家可以根据不同的需求选择不同的超出隐藏和超出显示方式，以实现更好的效果。