1
00:00:00,970 --> 00:00:01,550
승인.

2
00:00:01,590 --> 00:00:10,650
따라서이 비디오에서 우리는 두 가지 중요한 주제를 다루고 아직 우리가 아직 이야기하지 않았으며 상속과 특이성을 평가합니다.

3
00:00:10,650 --> 00:00:15,670
그래서 우리는 상속이 작동하고 평가하는 방식을 보여줄 것입니다.

4
00:00:15,690 --> 00:00:17,730
그래서 여기에 간단한 파일이 있습니다.

5
00:00:18,000 --> 00:00:30,050
그것은 내부에 4 명의 동맹이있는 하나의 우물을 가지고 있습니다. 스타일 태그에 제 스타일을 써서 파일 사이를 뒤집어 쓰는 것을 보지 않아도된다는 것을 쉽게 볼 수 있습니다.

6
00:00:30,210 --> 00:00:33,800
그러나 실제로는 외부 스타일 시트에서 실제로 이렇게하는 것이 좋습니다.

7
00:00:34,560 --> 00:00:51,250
따라서 UL의 스타일을 지정하고 자주색을 지정합니다. 그렇게하면 얼라이언스를 새로 고칠 때 실제로 보라색이됩니다.

8
00:00:51,270 --> 00:00:52,570
그래서 그곳에서 무슨 일이 일어 났습니까?

9
00:00:52,620 --> 00:01:01,730
당신은 내가 UL의 스타일을 정한 곳의 스타일을 알았고 거짓말은 간접적으로 바뀌었고 부모 엘리먼트로부터 그 색을 물려 받았습니다.

10
00:01:01,830 --> 00:01:04,350
그래서 다른 예를 보여 드리겠습니다.

11
00:01:05,370 --> 00:01:15,890
검정색으로 시작하는 단락을 여기에 추가해 봅시다. 그리고 저는 여러분에게 와서 보라구.

12
00:01:15,900 --> 00:01:18,010
그래서 모든 것은 단지 정상적인 검정색 텍스트입니다.

13
00:01:18,010 --> 00:01:28,980
나는 내 스타일로 들어가서 몸을 말하면 시체를 색칠하고 나는 이것을 새롭게한다. 나는 이것을 좀 더 크게 만들 것이다.

14
00:01:29,250 --> 00:01:31,370
모든 것이 빨간색임을 알 수 있습니다.

15
00:01:32,040 --> 00:01:40,720
그래서 이것은 상속의 개념을 설명하는 것입니다. 부모에서 속성을 설정하면 자식 요소에도 영향을 미칠 수 있습니다.

16
00:01:40,920 --> 00:01:46,310
우리가 모든 문단과 동맹국을 모두 읽을 수있게하려면 좋을 것입니다.

17
00:01:46,350 --> 00:01:50,540
우리는 단락처럼 앉아서 읽은 다음 동맹국을 선택하고 적색으로 바꿀 필요가 없습니다.

18
00:01:50,580 --> 00:01:52,690
우리는 시체를 선택할 수 있습니다.

19
00:01:53,490 --> 00:02:05,980
그래서 내가 보여주고 싶은 다음 것은 내가 여기에 들어가면 실제로 어떤 단락이 녹색이되기를 원하는지 결정합니다.

20
00:02:08,670 --> 00:02:12,630
새로 고침하면 단락이 초록색으로 바뀌는 것을 볼 수 있습니다.

21
00:02:12,630 --> 00:02:24,830
마찬가지로 ul을 초록색으로 만들거나 파란색으로 만들고 싶으면 UL이 파란색으로 변하 고 새로 고침을하고 이에 따라 상속 관계를 유지합니다.

22
00:02:25,170 --> 00:02:31,040
여기에서 어떤 일이 일어나는지 실제로이 특이성과 CSSA에 대한 아이디어를 보여줍니다.

23
00:02:31,680 --> 00:02:36,530
그래서 우리는이 같은 동맹국에 영향을 줄 수있는 여러 가지 스타일을 가지고 있습니다.

24
00:02:36,690 --> 00:02:44,220
그것은 빨간색이 될 수 있고 빨간색으로 시작한 다음 파란색으로 반환합니다. 왜냐하면 모두 파란색으로되어 있기 때문입니다.

25
00:02:44,700 --> 00:03:09,180
그래서 우리가이 요소들 중 하나를 조사하면이 전체 화면을 만들려고합니다. 그리고 이것을 늘려 폰트 크기를 약간 늘리면 색상이 파란색으로 설정된다는 것을 보게 될 것입니다 UL과 UL로부터 상속 받았으며 스크롤을 계속하면 몸에서 상속받은 것을 볼 수 있습니다.

26
00:03:09,300 --> 00:03:15,720
색상은 빨간색이지만 실제로는 지나치게 바뀌어 전혀 적용되지 않습니다.

27
00:03:15,720 --> 00:03:17,990
그리고 대신이 스타일이 적용되고 있습니다.

28
00:03:18,150 --> 00:03:28,640
따라서이 스타일은 적용하려는 시도이거나 우리가 선택한이 요소를 대상으로하고 있지만 실제로는 적용되지 않았 음을 의미합니다.

29
00:03:29,850 --> 00:03:35,460
그래서 상속에 매우 밀접하게 관련된 다음 주제는 특이성이라고 불립니다.

30
00:03:36,030 --> 00:03:44,060
따라서 특정 요소를 타겟팅하는 여러 스타일을 가질 수 있다는 점에서이 아이디어가 특이합니다. 바로 여기서 발생합니다.

31
00:03:44,100 --> 00:03:49,050
예를 들어이 UL 또는이 동맹을 대상으로하는 여러 스타일이 있습니다.

32
00:03:49,320 --> 00:03:54,330
거짓말은 빨간색으로 바뀌거나이 선에 의해 타겟팅됩니다.

33
00:03:54,360 --> 00:03:56,600
몸은 몸을 붉게합니다.

34
00:03:56,700 --> 00:04:01,840
그리고 모든 Juelz blue의 모든 것을 뒤 바꿔주는이 줄이 목표로 삼고 있습니다.

35
00:04:02,130 --> 00:04:05,310
그리고 나서 SS는 어느 것이이기는 지 결정해야합니다.

36
00:04:05,370 --> 00:04:10,770
그리고이 경우 가장 가까운 스타일이이 요소에 있습니다.

37
00:04:10,770 --> 00:04:16,930
그래서 어느 것이 더 구체적이고 몸이 의미하는 바는 매우 일반적입니다.

38
00:04:17,280 --> 00:04:20,560
그리고 UL은 그것이 우승 할 때 더 구체적입니다.

39
00:04:20,910 --> 00:04:22,790
그러나 이것은 단순한 경우에 불과합니다.

40
00:04:22,800 --> 00:04:27,140
이제는 조금씩 분량을 높이고 셀렉터를 추가하십시오.

41
00:04:27,330 --> 00:04:35,160
이제 직접적인 동맹 선별자를 추가하고 동맹군 오렌지를 만들어 봅시다.

42
00:04:35,820 --> 00:04:39,100
그리고 예상대로 모든 동맹국을 주황색으로 만듭니다.

43
00:04:39,180 --> 00:04:47,830
그리고 우리가 감찰관을 열면 시체가 붉은 색으로 변하는 것을 보게 될 것입니다. 그러나 그것이 교차되어 있습니다.

44
00:04:48,180 --> 00:04:55,050
그것은 UL 셀렉터에 의해 청색으로 변하고, 플라이 선택기에 의해 주황색으로 변하면서 하나가 승리합니다.

45
00:04:55,050 --> 00:04:59,200
그래서 이것들은 어느 것이 하나가 승리하는지 꽤 명확한 모든 단순한 경우입니다.

46
00:04:59,400 --> 00:05:02,590
하지만 이제 이것에 대해 소개해 드리겠습니다.

47
00:05:02,940 --> 00:05:24,950
이제이 클래스에 하이라이트라는 클래스가 있고 두 클래스 중 하나에 클래스를 제공하고이 클래스 하이라이트를 선택한 다음 배경색을 지정한다고 가정 해 보겠습니다.

48
00:05:25,120 --> 00:05:26,550
실제로 색깔 만 붙이자.

49
00:05:26,860 --> 00:05:31,090
그냥 노란색과 같은 특성의 색이며 저장합니다.

50
00:05:31,090 --> 00:05:33,040
어느 쪽이 지금 당장 나가겠다고 생각하니?

51
00:05:33,610 --> 00:05:41,910
확인해 봅시다. 하이라이트 클래스가 이기고 클래스처럼 높기 때문에 노란색으로 바뀌 었음을 알 수 있습니다.

52
00:05:42,370 --> 00:05:53,960
따라서 우리는 L.A에서 뭔가를 보여줍니다. 우리는 모든 동맹국을 직접 타겟팅하여 주황색으로 만든 다음이 클래스를 가진 소수의 동맹국을 직접 타겟팅하여 노란색으로 만듭니다.

53
00:05:54,190 --> 00:05:56,960
그리고이 경우에이 클래스가 승리합니다.

54
00:05:57,370 --> 00:06:02,100
그래서 실제로 어떻게 작동하는지에 대한 매우 구체적인 규칙이 있습니다. 그리고 저는 잠시 후에 그것을 보여 드리겠습니다.

55
00:06:02,140 --> 00:06:13,520
하지만 그 전에 나는 하나의 예제를 더 추가하고 싶습니다. 그래서이 요소에 I.D. 나는 그것을 특별하다고 부를 것입니다.

56
00:06:13,610 --> 00:06:22,320
나는 그 요소를 특별하게 목표로 삼을 것이고, 나는 분홍색의 색을주고 그것을 새로 고칠 것이다.

57
00:06:22,330 --> 00:06:24,760
그 요소가 승리하는 것을 보게 될 것입니다.

58
00:06:24,850 --> 00:06:39,430
한 번 더 살펴보면 신체에서 유래 한 우물에 적용되지 않은 스타일이 적용되지만 적용되지 않은 클래스의 우물에서 적용되지 않는 스타일이 적용된다는 것을 알 수 있습니다.

59
00:06:39,520 --> 00:06:43,660
그리고 나서 ID 스페셜에서 하나가 적용됩니다.

60
00:06:43,750 --> 00:06:46,790
그래서이 경우 ID가 이깁니다.

61
00:06:47,020 --> 00:06:50,490
그래서 제가 언급했듯이 이것이 어떻게 작동하는지에 대한 매우 구체적인 규칙이 있습니다.

62
00:06:50,830 --> 00:06:52,690
그리고 나는 그들을 여기 아래로 작성했다.

63
00:06:52,840 --> 00:07:02,320
그러나 실제로 저는 M.D에 가서 먼저이 기사에 대해 훌륭한 기사를 보여 주면서 읽고 특색이 어떻게 산출되는지에 대해 이야기 할 것을 강력하게 권고합니다.

64
00:07:02,320 --> 00:07:08,440
그래서 그녀는이 색채가 될 수있는 3 가지 또는 4 가지 색이 있음을 알게됩니다.

65
00:07:08,560 --> 00:07:10,540
어느 것을 골라야하는지 어떻게 알 수 있습니까?

66
00:07:10,810 --> 00:07:19,210
그리고 실제로 계산을 실행하여 각 선택기에 숫자 값을 지정합니다.

67
00:07:19,420 --> 00:07:27,180
여기에 숫자 값을 할당 한 다음이 숫자 값을 여기에 할당 한 다음이 값과이 값과 여기에 할당 할 것입니다.

68
00:07:27,220 --> 00:07:30,180
그리고 우리가 알기에 이것 하나가 승리합니다.

69
00:07:30,250 --> 00:07:37,640
그래서 실제 계산 방법은 정확한 수학을 실제로 알 필요는 없지만 여기에 보여 드리겠습니다.

70
00:07:37,720 --> 00:07:44,470
우리가 실제로 뭔가를 온라인으로 입력 할 수있는 계산기가 있습니다.이 계산기는 특정 것이 무엇인지를 알려줍니다.

71
00:07:44,800 --> 00:07:51,920
그래서 모든 동맹국을 선택하면 특이점이 있다는 것을 알게 될 것입니다.

72
00:07:51,940 --> 00:07:59,810
이제 그 클래스 하이라이트를 뜯어보고 ​​10의 특수성만큼 구체적으로 10 배를 시도해 봅시다.

73
00:08:00,040 --> 00:08:04,380
그래서 수업 1을 통해 거짓말을합니다.

74
00:08:04,390 --> 00:08:12,510
그리고 그 이유는이 엘레멘트가 실제로 노랑색을 띠고 있기 때문에 그 엘레멘트가 실제로 노랗다.

75
00:08:13,180 --> 00:08:15,430
이제 우리가 가서 아이디를 추가하면됩니다.

76
00:08:18,430 --> 00:08:24,660
또는 우리가 당신이 볼 수있는 스페셜이라고 부르는 것은 법적인 태그보다 100 배 더 구체적입니다.

77
00:08:24,790 --> 00:08:28,540
그래서 하나가 이기면 클래스를 이깁니다.

78
00:08:28,540 --> 00:08:41,340
그래서 여기에서 기본 규칙은 요소 선택자 태그 이름이 매우 구체적이지 않은 클래스 선택기가 훨씬 더 구체적이고 ID가 가장 구체적이라는 것입니다.

79
00:08:41,650 --> 00:08:44,920
또한 ID 하나에 국한되지 않음을 알려 드리겠습니다.

80
00:08:44,950 --> 00:08:48,330
그래서 우리가 더 구체적인 것이 무엇인지 알고 싶다고합시다.

81
00:08:48,340 --> 00:08:53,320
나는 그 안에 계급과 또 다른 계급이있다.

82
00:08:53,320 --> 00:08:59,170
그래서 이것은 Selecta의 후손입니다. 이것은 단지 20 개의 특이성을 지닌 것입니다.

83
00:08:59,530 --> 00:09:05,160
그리고 아이디가 하나뿐이라면. 그것은 100 가지의 특이성입니다.

84
00:09:05,170 --> 00:09:10,120
다시 한번 나는 당신이 사이트를 항상 사용하고 숫자를 계산할 필요가 있다고 생각하지 않기를 바란다.

85
00:09:10,180 --> 00:09:11,440
그건 중요하지 않습니다.

86
00:09:11,440 --> 00:09:19,930
당신이 알 필요가있는 모든 것은 규모의 순서입니다. 그래서 여기에서 저의 노트로 가서 타입 선택기를 작성하도록하십시오.

87
00:09:19,930 --> 00:09:30,580
그래서 그것은 ATF가 있거나 심지어 인접한 선택자를 가진 이것 또는 동맹국처럼 보일 것입니다.

88
00:09:30,700 --> 00:09:34,190
따라서 이러한 선택자는 그다지 구체적이지 않습니다.

89
00:09:34,330 --> 00:09:38,860
그러나 올해에도 이것이 이것보다 더 구체적 일 것입니다.

90
00:09:38,890 --> 00:09:44,050
우리가 참조하는 두 가지 요소가 있기 때문에 이것보다 더 구체적 일 것입니다.

91
00:09:44,200 --> 00:09:47,360
그래서 우리가 실제로 그것을 계산한다면 이것은 하나의 특이성입니다.

92
00:09:47,530 --> 00:09:48,850
그리고 이것은 두 가지입니다.

93
00:09:49,570 --> 00:09:52,780
다음 단계는 수업입니다.

94
00:09:53,890 --> 00:10:01,610
따라서 이것은 이것들 중 어느 것보다 10 배 더 크거나 더 큰 규모의 순서가 될 것입니다.

95
00:10:02,320 --> 00:10:04,380
속성 선택 자도 마찬가지입니다.

96
00:10:04,420 --> 00:10:19,660
그래서 우리는 입력 타입이 텍스트와 같고 호버 (hover)와 같은 것들 인 pseudo class selector를 가지고 있습니다.

97
00:10:19,750 --> 00:10:27,360
커서를 가져 가거나 입력 된 태그 및이 콜론이있는 것과 같은 다른 것들.

98
00:10:28,060 --> 00:10:31,890
그리고 가장 중요한 것은 I.D. 선택자.

99
00:10:32,230 --> 00:10:38,260
그리고 이것은 여기에있는 선택 자보다 더 큰 또는 더 특정한 크기의 또 다른 순서가 될 것입니다.