웹표준,웹접근성(html, html5, css, css3, javascript, jQuery, jQueryMobile, snecha, senchaTouch, php, mobileWebApp)

CSS first-child 본문

css

CSS first-child

jokack01 2011. 11. 11. 09:27


<!DOCTYPE html>
<html lang="ko">
<head>
 <meta charset="utf-8">
 <title>:first-child 부모요소로부터 첫번째 자식요소를 찾습니다.</title>
 <style type="text/css">
  p:first-child { /* div, h1, li, a 2  */
   border-bottom-color: lightblue;
  }
  
  li:first-child { background-color: lightgreen; }
  ul li:first-child { background-color: lightgreen; }
  ul>li:first-child { background-color: lightgreen; }
  ol>li:first-child { background-color: lightgreen; }
 </style>
</head>
<body>

 <div class="box">
  <h1>heading 1</h1>
  <p>Donec nec justo eget felis facilisis fermentum.
  Aliquam porttitor mauris sit amet orci. Aenean dignissim
  pellentesque felis.</p>
  <ul class="anv">
   <li><a href="#">link1</a></li>
   <li><a href="#">link2</a></li>
   <li>
    <ol>
     <li>2depth list item</li>
     <li>2depth list item</li>
     <li>2depth list item</li>
    </ol>
   </li>
  </ul>
 </div>

</body>
</html>

'css' 카테고리의 다른 글

CSS 가상으로 요소 추가  (0) 2011.11.11
language 속성  (0) 2011.11.11
상속 - Inheritance  (0) 2011.11.11
CSS 우선 적용 규칙 - 캐스케이딩 룰  (0) 2011.11.11
IE 6 Bug - Multi-Classes  (0) 2011.11.11
'css' Related Articles more