---
# System prepended metadata

title: css子代選擇器

---

# css子代選擇器

<HTML>
<HEAD>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <TITLE>類別選擇器的種類 </TITLE>
  <STYLE>
       /* 共用類別選擇器,可以套用在不同的元素標籤 */ 
       .title { color : deepPink }         /* 定義title共用類別 */  

	   /* 設定子代選擇器的樣式(child selector):h3元素內緊接u元素 */
       h3 > u { color : orange; }

  </STYLE>
 
</HEAD>

<BODY>
  <H3 class="title">可定義子代選擇器</H3>	
  <h3><b><u>不能套用子代選擇器</u></b></h3> <!-- 不能套用子代選擇器:h3>u  -->
  <h3><u>可以套用子代選擇器</u></h3>		  <!-- 可以套用子代選擇器:h3>u  -->
</BODY>
</HTML>
