CSS是一種廣泛使用的樣式表語言，它可以讓我們更輕松地控制HTML頁面中的元素樣式。有時(shí)候我們需要在CSS中獲取父元素，以達(dá)到更精準(zhǔn)的樣式掌控。那么，CSS怎么獲取父元素呢？

.parent {
background-color: #ccc;
padding: 10px;
}
.parent .child {
background-color: #f00;
color: #fff;
padding: 5px;
/* 獲取父元素 */
margin-top: -15px;
}

在上面的代碼中，我們先定義了一個(gè)父元素.parent，然后在它里面定義了一個(gè)子元素.child。現(xiàn)在我們要給子元素設(shè)置一個(gè)負(fù)的margin-top，以達(dá)到向上移動(dòng)的效果。但是，由于.child是在.parent里面定義的，直接設(shè)置margin-top是不起作用的。這時(shí)，我們就需要使用CSS獲取父元素。具體做法是給.child設(shè)置一個(gè)負(fù)的margin-top，讓它的位置超出父元素，然后再使用.parent的padding將.child“推”回來。

.parent {
position: relative;
}
.parent .child {
position: absolute;
top: 0;
/* 獲取父元素 */
left: -20px;
width: 100px;
height: 50px;
background-color: #f00;
color: #fff;
padding: 5px;
}

除了上面的方法，還可以使用CSS中的position屬性來獲取父元素。我們先給父元素.parent設(shè)置position: relative;，再給子元素.child設(shè)置position: absolute;和left: -20px;。這樣.child會(huì)相對(duì)于.parent進(jìn)行絕對(duì)定位，我們就可以通過left屬性獲取.parent的寬度。這種方法不需要使用margin等屬性，而且更加靈活，可以根據(jù)需求進(jìn)行調(diào)整。