CSS_2

이번엔 부모,자식 선택자에 대해서 배워볼께요.

부모,자식이란 상속관계를 의미합니다.

이게 뭔지 모르는 분들도 많으시겠지만.....다른데서 찾아보시구요^^ㅎㅎ

쉽게말해서 품고있는(?)것을 의미합니다!

우선 기본적인 코딩을 해볼께요!

HTML만 이용해서 만들어 보았습니다!

여기서 어떤것이 부모선택자이고 자식선택자 일까요??

빨간색으로 네모칸 친 부분이 부모선택자, 파란부분이 자식 선택자 라고 할 수 있습니다.

대충 감이 오시는지요...?ㅎㅎ

이제 색깔을 입혀 보도록 하겠습니다.

앞에서 배웠던것처럼 태그 선택자를 이용해 글자크기와 색깔을 입힐 수 있습니다.

ul 과 ol 모두 파란색과 글씨크기는 20px로 입혔습니다.

그런데 코드가 겹치지 않습니까? 그래서 ul과 ol을 한번에 쓸 수 있습니다. 이런식으로요.

이렇게 쓰면 코드가 더 짧아지겠죠??

이제 결과 화면을 보여드리겠습니다.

이렇게 나오게 됩니다.

다음으로는 배운것들을 사용해 볼까요? id선택자를 만들어 넣는 것입니다.

id선택자인 lecture를 넣고 색깔은 빨간색, 폰트사이즈는 30px로 맞춰줍니다.

그러고 ol에 적용을 시키면 어떻게 될까요?

오늘은 여기까지 하도록 하겠습니다!