CSS超出隱藏和超出顯示是指通過CSS選擇器將某些元素隱藏或顯示，而其他元素不受影響的行為。這是CSS中最基本的操作之一，可以通過以下幾種方式實現：

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元素中的元素超出了父元素的范圍，所以該元素將被顯示。

通過使用超出隱藏和超出顯示，我們可以輕松地將某些元素隱藏或顯示，而其他元素不受影響。在實際應用中，我們可以根據不同的需求選擇不同的超出隱藏和超出顯示方式，以實現更好的效果。