html & css/개념

부모 자식 선택자

Doo Hee 2023. 9. 15. 00:11
   ul li {
        color: red;
        /* 띄어쓰기를 하면 ul 밑에 있는 li를 의미하게 된다. */
      }

ul 태그 밑에 있는 모든 li에 CSS를 적용

ul 부모 태그 밑에 있는 li 자식 태그에 적용하는 것

    #lecture > li {
        border: solid black 1px;
      }

id 값이 lecture인 부모 태그에서 자식 태그 중 li 태그에 한에서 CSS를 적용하는 것

    ul,
      ol {
        background-color: powderblue;
      }

 ul, ol 태그 모두에 같은 CSS를 적용할 때, 두 태그를 묶어 선언할 수 있다.