ＣＳＳのセレクタ

<p>ア　Ａ</p>
<div id="id1">イ　Ｃ<p>ウ　Ａ</p></div>
<p id="id2">エ　Ｄ　<span class="aqua">オ　Ｅ</span></p>
<h2>カ　Ｆ</h2>
<h3>キ　Ｆ</h3>
<ul>
  <li>ク　Ｂ</li>
</ul>
<ol>
  <li>ケ</li>
</ol>

    /* 単純 */
    p { color: red }        /* Ａ　tag指定 */
    li { color: fuchsia }   /* Ｂ */
    #id1 { color: blue }    /* Ｃ　id  #を付ける */
    #id2 { color: purple }  /* Ｄ */
    .aqua { color: aqua }   /* Ｅ　class  .を付ける */
    /* 複数 */
    h2, h3 { color: green } /* Ｆ　複数列挙　区切りは「、」 */
    ol li { color: maroon } /* Ｇ　親子関係　区切りは半角市ペース */