html 간단히 작성하기

예시

1. 태그이름 => ~태그
2. 태그이름.class이름 => ~태그에 class이름 존재
3. 태그이름.class이름>다른태그이름 => ~태그에 class이름 존재하면서 하위에 다른 태그 존재
4. 태그이름.class이름>다른태그이름{$}*숫자 => ~태그에 class이름 존재하면서 하위에 다른 태그가 숫자개 만큼 존재하면서 숫자 값을 가짐

span.container>div.itme{$}*5
=>
<span class="container">
  <div class="itme">1</div>
  <div class="itme">2</div>
  <div class="itme">3</div>
  <div class="itme">4</div>
  <div class="itme">5</div>
</span> 

css를 아래와 같이 작성도 가능

  .container > * {
    border:2px solid;
    font-size:30px;
    background-color: orange;
  }