CSS經(jīng)常需要在子元素樣式中使用父元素的屬性值，比如寬度和高度等。通常情況下，我們可以使用選擇器鏈來獲取父元素的屬性值。比如下面這段代碼：

.parent {
width: 300px;
}
.child {
width: inherit;
}

在這里，我們給父元素設置了一個寬度為300像素的容器，并在子元素中使用了width:inherit屬性來繼承父元素的寬度。這種方式可以用來獲取一些簡單的屬性值，但是如果我們需要獲取更復雜的屬性值，就需要使用一些屬性選擇器。

首先，我們需要了解一些基本的屬性選擇器。其中，id選擇器和class選擇器可以通過父元素來獲取樣式。這就意味著我們可以在父元素中定義屬性值，然后通過子元素和后代選擇器來獲取這些屬性值。比如下面這段代碼：

#parent {
width: 300px;
}
.child {
width: 100%;
}
.parent .grandchild {
width: 50%;
}

在這里，我們通過id選擇器給父元素設置了一個寬度，然后在子元素中使用了width:100%屬性來繼承父元素的寬度。接下來，在后代選擇器中我們設置了一個寬度為父元素寬度的一半的元素。

除此之外，我們還可以使用偽類選擇器中的:root來獲取文檔的根元素。這個根元素就是html元素。比如下面這段代碼：

:root {
font-size: 16px;
}
.parent {
font-size: 1.2rem;
}

在這里，我們使用了偽類選擇器:root來設置了文檔的根元素的字體大小為16像素。然后，在父元素中我們使用了相對單位1.2rem來繼承根元素的字體大小。這樣，父元素字體大小就會變成19.2像素。