CSS中，子組件的樣式可以通過嵌套規(guī)則來定義，以下是一些示例代碼，展示了如何為子組件編寫樣式：

1、定義一個包含子組件的父組件：

<div class="parent-component">
  <div class="child-component"></div>
</div>

2、使用CSS嵌套規(guī)則為子組件編寫樣式：

.parent-component .child-component {
  color: red;
  font-size: 16px;
}

在這個例子中，我們使用了CSS的嵌套規(guī)則來定義子組件的樣式，通過為父組件和子組件分別指定類名，我們可以確保樣式的應用范圍更加***，在嵌套規(guī)則中，我們使用了一個空格來分隔父組件和子組件的類名，表示子組件是父組件的子元素。

除了使用嵌套規(guī)則外，我們還可以使用其他CSS技術來定義子組件的樣式，例如使用偽類選擇器（:nth-child）來定位特定的子組件，以下是一個示例代碼：

.parent-component > .child-component:nth-child(2) {
  color: blue;
  font-size: 18px;
}

在這個例子中，我們使用偽類選擇器來定位父組件中的第二個子組件，并為其定義樣式，通過使用偽類選擇器，我們可以更加靈活地控制子組件的樣式，滿足更加復雜的設計需求。