/* 表示既h1，又h2 */
h1, h2 {
  color: red;
}

/* 表示 h1 下面的所有 span 元素，不管是否以 h1 為直接父元素 */
h1 span {}

/* 表示 h1 下面的所有以 h1 為直接父元素的 span 元素，注意必須以 h1 為直接父元素 */
h1 > span {

}

<h1>This is <strong>very</strong> <strong>very</strong> important.</h1>
<h1>This is <em>really <strong>very</strong></em> important.</h1>

h1 > strong {color:red;}

 <ul>
    <li>List item 1</li>
    <li>List item 2</li>
    <li>List item 3</li>
  </ul>
  <ol>
    <li>List item 1</li>
    <li>List item 2</li>
    <li>List item 3</li>
  </ol>

/* A之后的所有B元素，不一定要緊跟在A后面、相同父元素 */
A ~ B{
    
}