在CSS中，子選擇器（子元素選擇器）是用于選擇某個元素的子元素的選擇器。我們可以使用子選擇器來為特定的子元素設置樣式。在本文中，我們將演示如何使用CSS子選擇器設置圖片。

首先，我們需要將一個圖片放置在HTML中。在以下的示例中，我們將使用一個圖片文件名為“example.jpg”并放置在一個div標簽中，這個div標簽被一個父級容器包含。

<div class="parent">
<div class="child">
<img src="example.jpg" alt="Example">
</div>
</div>

接下來，我們需要使用CSS代碼設置子選擇器來為圖片設置樣式。在以下的例子中，我們將設置圖片的寬度為100%，并且將其垂直位置調(diào)整到父級容器的中央。

.parent>.child>img {
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
}

在這段代碼中，我們使用了子選擇器來選擇“.parent”下的“.child”下的“img”元素。我們設置了圖片的寬度為100%來使其充滿整個容器。接下來，我們使用了絕對位置（position:absolute）將圖片放置在父級容器的中心。我們?nèi)缓笫褂么怪狈较蛏系霓D(zhuǎn)換（transform:translateY(-50%)）來確保圖片在縱向上居中。

通過使用子選擇器進行CSS樣式設置，我們可以輕松地為容器中的子元素設置不同的樣式。希望這篇文章可以幫助您更好地了解CSS子選擇器的用法。