在前端開發中，經常需要使用關閉按鈕來關閉一些彈框、提示框或者菜單等組件。當我們使用CSS來實現這個功能時，關閉按鈕通常會設定給父元素，這樣就可以實現點擊關閉按鈕來關閉父元素，從而實現組件的關閉功能。

.parent {
position: relative;
}
.close-btn {
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}

在上面的CSS代碼中，我們將關閉按鈕設置為絕對定位，并且在父元素（.parent）的右上角。同時，為了讓鼠標變成指針樣式，我們還給關閉按鈕設置了cursor: pointer樣式。

接下來，我們可以結合JavaScript的事件監聽來實現關閉功能：

const parentElem = document.querySelector('.parent');
const closeBtn = document.querySelector('.close-btn');
closeBtn.addEventListener('click', () =>{
parentElem.style.display = 'none';
});

在上面的JavaScript代碼中，我們使用querySelector方法獲取到父元素（.parent）和關閉按鈕（.close-btn），并且為關閉按鈕添加了一個點擊事件監聽。當我們點擊關閉按鈕時，就可以將父元素設置成不可見了，從而實現關閉功能。

總的來說，使用CSS來實現關閉按鈕父元素的功能可以提高組件的交互性和用戶體驗，同時結合JavaScript的事件監聽可以讓關閉功能更加完善和靈活。