본문 바로가기
html & css/개념

부모 자식 선택자

by Doo Hee 2023. 9. 15.
   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를 적용할 때, 두 태그를 묶어 선언할 수 있다.

'html & css > 개념' 카테고리의 다른 글

Border 스타일링  (0) 2023.11.18
Background 스타일링  (0) 2023.11.18
선택자의 종류 1 : 아이디 선택자  (0) 2023.09.15
선택자와 선언  (0) 2023.09.15
HTML과 CSS가 만나는 법  (0) 2023.09.15