當我們需要實現鼠標懸停在父元素上時，子元素隱藏的效果時，可以使用CSS來實現。我們可以利用CSS中的選擇器來指定父元素的懸停狀態，然后使用display: none;來隱藏子元素。

.parent:hover .child {
display: none;
}

在上面的代碼中，我們使用了:hover偽類選擇器，它表示當鼠標懸停在父元素上時執行以下CSS代碼。我們還使用了CSS中的class選擇器來選擇要隱藏的子元素。在display: none;屬性下，子元素將完全從頁面中消失，這就達到了我們的隱藏效果。

需要注意的是，如果隱藏的子元素被其他元素占用時，這些元素將會填補原子元素的位置，頁面布局會出現變化。因此，建議在隱藏元素時盡可能保持其占用位置，可將visibility：hidden屬性應用于子元素。這將使子元素不可見，但仍占用原位置，不影響頁面布局。

.parent:hover .child {
visibility: hidden;
}

通過以上代碼示例，相信您已經掌握了如何通過CSS來實現父劃過子隱藏的效果。如果您還是比較新手的話，建議多練習一下不同的CSS選擇器和屬性，以便更好地理解和使用CSS。