[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:00.66,0:00:04.78,Default,,0000,0000,0000,,전 미술관을 좋아해요\N하지만 매일 갈 시간은 없어요
Dialogue: 0,0:00:04.78,0:00:07.99,Default,,0000,0000,0000,,감사하게도 인터넷에서\N아름다운 작품들을 찾을 수 있죠
Dialogue: 0,0:00:07.99,0:00:11.28,Default,,0000,0000,0000,,여기 칸 아카데미의\N역사 부분에서도요
Dialogue: 0,0:00:11.28,0:00:14.34,Default,,0000,0000,0000,,저는 이 웹페이지를\N유명한 작품 목록으로 만들었어요
Dialogue: 0,0:00:14.34,0:00:21.32,Default,,0000,0000,0000,,헤딩과 각 화풍의 목록과\N각 작품에 대한 설명의 링크로요
Dialogue: 0,0:00:21.32,0:00:25.16,Default,,0000,0000,0000,,이 페이지를 화려하게 꾸미려면\N좀 예술적이게요
Dialogue: 0,0:00:25.16,0:00:31.15,Default,,0000,0000,0000,,과  각 헤딩에 대해\N서체를 바꾸는 CSS 규칙을 적용했어요
Dialogue: 0,0:00:31.15,0:00:38.89,Default,,0000,0000,0000,,저는 필기체를 좋아하지만\N'fantasy'가 더 나을 것 같아요
Dialogue: 0,0:00:38.89,0:00:43.85,Default,,0000,0000,0000,,그리고 여기도 바꿔야 해요\N규칙이 두 개니까요
Dialogue: 0,0:00:43.85,0:00:49.26,Default,,0000,0000,0000,,하지만 전 페이지의 모든 헤딩이\N같은 글씨체이길 바래요
Dialogue: 0,0:00:49.26,0:00:54.41,Default,,0000,0000,0000,,매번 바꾸고 싶을 때마다\N각각 바꿀 필요없게 말이죠
Dialogue: 0,0:00:54.41,0:01:00.02,Default,,0000,0000,0000,,그럼 해답은 뭘까요?\N두 개의 CSS규칙을 하나로 바꾸려면요?
Dialogue: 0,0:01:00.02,0:01:04.04,Default,,0000,0000,0000,,한번 생각해보죠
Dialogue: 0,0:01:04.04,0:01:08.36,Default,,0000,0000,0000,,여러분은 과 에 대해\N같은 클래스를 추가하자고 할 거에요
Dialogue: 0,0:01:08.36,0:01:12.05,Default,,0000,0000,0000,,그러면 당연히 작동될 거에요\N그 클래스에 대한 규칙은 하나만 있으면 되죠
Dialogue: 0,0:01:12.05,0:01:14.83,Default,,0000,0000,0000,,하지만 결국에는\N더 많은 작업을 해야할 거에요
Dialogue: 0,0:01:14.83,0:01:19.12,Default,,0000,0000,0000,,이나 를 쓸때마다\N클래스를 추가해야 하니까요
Dialogue: 0,0:01:19.12,0:01:25.50,Default,,0000,0000,0000,,다행히 더 나은 방법이 있어요\N이 선택자들을 쉼표를 사용해 묶을 수 있어요
Dialogue: 0,0:01:25.50,0:01:31.97,Default,,0000,0000,0000,,그냥 이 뒤에 쉼표를 찍고\N를 쓰면 돼요
Dialogue: 0,0:01:31.97,0:01:37.26,Default,,0000,0000,0000,,이제 다른 규칙은 지워도 돼요\N첫번째 규칙에 합쳤으니까요
Dialogue: 0,0:01:37.26,0:01:39.95,Default,,0000,0000,0000,,그리고 짜잔!\N저번 페이지랑 같아요
Dialogue: 0,0:01:39.95,0:01:44.27,Default,,0000,0000,0000,,이제 글씨체를 바꾸고 싶다면\N한번에 할 수 있어요
Dialogue: 0,0:01:44.27,0:01:48.68,Default,,0000,0000,0000,,이걸 다시 필기체로 바꾸면\N모두 필기체가 되죠
Dialogue: 0,0:01:48.68,0:01:55.76,Default,,0000,0000,0000,,이 쉼표를 주목하세요\N선택자는 공백 말고 쉼표로 구분해야해요
Dialogue: 0,0:01:55.76,0:02:03.05,Default,,0000,0000,0000,,공백은 하위 선택자에 사용해요\N즉 CSS와는 전혀 다른 거라는 거죠
Dialogue: 0,0:02:03.05,0:02:08.52,Default,,0000,0000,0000,,선택자를 그룹화하면\N불필요한 선택자를 줄일 수 있어요
Dialogue: 0,0:02:08.52,0:02:10.08,Default,,0000,0000,0000,,하지만 너무 많이 쓰진 말아요
Dialogue: 0,0:02:10.08,0:02:14.34,Default,,0000,0000,0000,,단지 지금만 같은 속성을 주고 싶다고\N두 개의 선택자를 묶으면 안돼요
Dialogue: 0,0:02:14.34,0:02:18.36,Default,,0000,0000,0000,,항상 같은 속성을 주고 싶을 때\N두 개의 선택자를 그룹화하세요
Dialogue: 0,0:02:18.36,0:02:21.89,Default,,0000,0000,0000,,보통은 그 두 개가\N의미상 매우 비슷하니까요
Dialogue: 0,0:02:21.89,0:02:28.26,Default,,0000,0000,0000,,이 경우에는 선택자가 모두 헤딩 종류니까\N같은 스타일을 주고 싶은 경우가 자주 있어요
Dialogue: 0,0:02:28.26,0:02:32.90,Default,,0000,0000,0000,,그룹 선택자의 활용 방법을 보고 싶으면\N계속 강의를 들어주세요