選取器(>)意義

顯示結果

HTML結構

<ul class="u1">
  <li><a href="#">item1</a></li>
  <li><a href="#">item2</a></li>
  <li><a href="#">item3</a>
      <ul>
        <li><a href="#">list1</a></li>
        <li><a href="#">list2</a></li>
        <li><a href="#">list3</a></li>
        <li><a href="#">list4</a></li>
        <li><a href="#">list5</a></li>
      </ul>
  </li>
  <li><a href="#">item4</a></li>
  <li><a href="#">item5</a></li>
</ul>

 

CSS美化

    .u1>li>a{
    color: red;
    }

 

end