특정 id 또는 class 내부의 tag만 기능 지정 방법

여동동 2021. 9. 27. 16:14

소스코드

<!doctype html>
<html>
  <head>
    <style>
        ul li{
          color:red;
        }
/* lecture id의 li만 지정*/
        #lecture>li{
          border:1px solid red;
          color:blue;
        }

    </style>
    <body>
      <ul>
        <li>HTML</li>
        <li>CSS</li>
        <li>JavaScripts</li>
      </ul>

      <ol id="lecture">
        <li>HTML</li>
        <li>CSS
          <ol>
            <li>selector</li>
            <li>declaration</li>
          </ol>
          </li>
        <li>JavaScripts</li>
      </ol>

    </body>
  </head>

</html>

결과값