1
00:00:01,020 --> 00:00:06,030
따라서이 비디오에서는 세 개의 CSSA 선택기에 중점을 둘 것입니다.

2
00:00:06,030 --> 00:00:08,490
클래스의 요소 ID입니다.

3
00:00:08,610 --> 00:00:11,610
그래서 요소를 선택할 수있는 더 많은 옵션이 있습니다.

4
00:00:11,730 --> 00:00:15,630
우리는 나중에 이들에 대해 배우기 시작할 것입니다.

5
00:00:15,960 --> 00:00:28,370
셀렉터가이 일반적인 규칙을 다시 생각해 보면 CSSA가 시작된 몇 일 전부터 셀렉터가있는 곳과 중괄호가있는 곳, 일부 속성이있는 곳을 생각해 보았습니다.

6
00:00:28,860 --> 00:00:32,660
그래서 우리는 여기에 넣을 수있는 몇 가지 다른 선택자를 보게 될 것입니다.

7
00:00:33,030 --> 00:00:38,340
그리고 우리가 할 방법은 실제로 목록을 함께 간단하게 만들 것입니다.

8
00:00:38,340 --> 00:00:39,980
그래서 나는 새 파일을 만들거야.

9
00:00:40,170 --> 00:00:51,740
나는 그것을 구할 것입니다. 그리고 HMO에 일단 전화를 걸면 HMO를 추가하고 HMO를 추가하십시오.

10
00:00:52,530 --> 00:01:01,550
그리고 그것은 그것이 H1이 될 것이고 우리는 우방을 가질 것입니다.

11
00:01:02,010 --> 00:01:20,090
하지만 각 동맹국마다 약간의 텍스트가있을 것이고 약간의 체크 박스가 생길 것입니다. 체크 박스를 수행하는 방법을 기억할 수 있는지 확인하십시오. 입력 유형이 체크 박스와 동일하거나 그 이하이면 텍스트를 가질 것입니다. .

12
00:01:20,220 --> 00:01:30,210
그래서 우리는 녹슨 길을 걸어야합니다. 그리고 저는 이것을 단지 복제 할 것입니다.

13
00:01:30,210 --> 00:01:39,020
그래서 우리는 여기서 식료품을 사려고 녹슨을 걸을 것입니다.

14
00:01:40,590 --> 00:01:48,660
그리고 마지막으로 Phidias의 평가를보고 녹음을 마칩니다.

15
00:01:48,960 --> 00:01:56,940
브라우저에서 이것을 열면 최종 제품의 개성과 스타일을 볼 수 있지만 골격은 거기에 있습니다.

16
00:01:57,090 --> 00:02:01,520
우리는 우리 두 가지를 가지고 있으며 그 옆에 작은 체크 박스가 있습니다.

17
00:02:02,650 --> 00:02:03,390
승인.

18
00:02:04,050 --> 00:02:08,590
그래서 우리가하고 싶은 일은 스타일 시트를 연결하는 것입니다.

19
00:02:09,060 --> 00:02:18,480
이번에는 존재하지 않는 스타일 시트를 연결 한 다음 스타일 시트를 작성해 보겠습니다.

20
00:02:18,480 --> 00:02:26,960
따라서 어떤 사람들은이 오류 중심의 개발을 우리가 알고있는 것을 작성하고 작동하지 않을 것이라고 말한 다음 나중에 작동하게 만듭니다.

21
00:02:26,970 --> 00:02:34,060
그래서 저는 이것을 C라는 평가를하기 위해 호출 할 것입니다. C는 존재하지 않는 것을 평가합니다.

22
00:02:34,670 --> 00:02:40,820
다음으로 우리가 할 일은 C가 평가하는 파일을 Dewes에게 제출하는 것입니다.

23
00:02:40,920 --> 00:02:43,860
그리고 이것은 연구를 할 때와 같은 장소에 있어야합니다.

24
00:02:43,860 --> 00:02:48,550
팀이 그것을 저장하고 연결되었는지 확인합니다.

25
00:02:48,660 --> 00:02:57,870
시체 배경 오렌지 같은 것을 해보 죠. 그리고 이것이 제가 실제로 컬러 비디오에서 말한 것임을 알고 있습니다.

26
00:02:57,870 --> 00:03:01,380
이것은 내가 오렌지와 같은 색을 실제로 사용하는 유일한시기 중 하나입니다.

27
00:03:01,380 --> 00:03:06,870
가르침을 제외하고 나는 무언가가 연결되어 있는지 확인하기 위해 단지 그것을 사용할 것입니다. 나는 단지 밝은 색을 원합니다.

28
00:03:06,930 --> 00:03:11,760
이 C S를 사용하는 것이 여기에서 올바르게 참조되는지 확인하고 싶습니다.

29
00:03:11,820 --> 00:03:12,920
그래서 우리가 신선하다면.

30
00:03:13,170 --> 00:03:16,320
좋아, 좋은 것들이 연결되어있다.

31
00:03:16,320 --> 00:03:27,180
그래서 우리가 할 일은 여기서 슬라이드로 돌아가서 실제로 요소 선택기에 대해 이야기합니다. 우리가 실제로 많은 시간을 할애하여 준비가되었습니다.

32
00:03:27,180 --> 00:03:38,240
기본적으로 div 또는 단락이나 본문을 지정하면 공격 유형이되며 일치하는 모든 인스턴스가 모든 해당 요소를 선택합니다.

33
00:03:38,610 --> 00:03:54,900
그래서이 예에서는 두 개의 div가 있고 각 div에는 두 개의 단락이 있으므로 배경이 보라색 인 모든 div를 설정합니다. 두 개의 보라색 장치를 얻습니다. 모든 단락을 색상 노랑으로 설정합니다. 네 개의 노란색 단락을 얻습니다.

34
00:03:55,140 --> 00:03:57,840
그래서 우리가 시체를 선택할 때 여기에서 우리가하는 일입니다.

35
00:03:57,840 --> 00:04:10,320
우리는 또한 모든 ALWIS를 위해 그것을 할 수 있고 그들에게 명령을 내리거나 두 개의 픽셀이 빨간색으로 채워지는 경계를 처프하게 할 수 있습니다.

36
00:04:10,910 --> 00:04:14,560
당연히 모든 동맹국에서 작동합니다.

37
00:04:15,360 --> 00:04:15,970
승인.

38
00:04:16,380 --> 00:04:24,850
그래서 우리가 할 수있는 다음 일은 하나의 동맹 자나 하나의 H-1 또는 하나의 인스턴스를 만드는 것입니다.

39
00:04:24,870 --> 00:04:30,510
그래서이 예제에서 우리는 세 번째 거짓말을 선택하고 그것을 노란색으로 돌리고 있습니다.

40
00:04:30,690 --> 00:04:41,800
그리고 우리가하는 방식은 실제로 팀을 약간 변경 한 다음 H T M L과 R C S에 추가하는 후크를 사용하여 모두 다시 참조하고 노란색으로 바꿉니다.

41
00:04:42,180 --> 00:04:45,700
그래서 첫 번째 단계는 ID라고 불리는 고리를 추가하는 것입니다.

42
00:04:46,050 --> 00:04:52,420
아이디어가 작동하는 방식으로 모든 요소 ID equals에 속성으로 추가 할 수 있습니다.

43
00:04:52,440 --> 00:04:57,120
그리고 따옴표 안에 원하는 어떤 이름이라도 될 수 있습니다.

44
00:04:57,360 --> 00:05:08,420
그리고 나서 우리는 나중에 Octa Thorpe 나 해쉬 기호를 쓰고 ID 이름을 쓰고 그 ID 이름과 일치하는 하나의 요소를 선택합니다.

45
00:05:08,820 --> 00:05:18,510
예를 들어이 최종 동맹국을 약간 다른 모습으로 보이기를 원한다고 가정 해 봅시다.

46
00:05:19,080 --> 00:05:23,790
내가 할 수있는 일은 앨리 야. 신분증을 줘.

47
00:05:23,970 --> 00:05:25,860
그리고 이것은 어떤 이름이 될 수 있습니다.

48
00:05:25,950 --> 00:05:40,210
이 스페셜을 부르 자. 내가 특별한 이름을 지었다고 말하는 이유는 정말 위대한 이름은 아니지만, ID를 사용하는 요점은 무언가를 뽑아내는 것이라는 것을 보여줍니다.

49
00:05:40,330 --> 00:05:46,490
하나의 개별 요소와 하나의 ID에 대해 ID를 대상으로 지정하는 방법입니다.

50
00:05:46,560 --> 00:05:49,300
페이지에 한 번만 나타납니다.

51
00:05:49,480 --> 00:05:56,270
그래서 만약 내가 이것을 한 다음 실제로 유효하지 않은 HMO 인 두 요소에 특별한 ID를 시도해보십시오.

52
00:05:56,530 --> 00:05:58,920
그래서 항상 페이지에 한 번만 있어야합니다.

53
00:05:59,130 --> 00:06:02,640
이것은 하나의 요소를 하나씩 출력하는 데 전적으로 사용됩니다.

54
00:06:02,680 --> 00:06:09,280
그러나 한 페이지에 여러 ID가 표시 될 수 있습니다.

55
00:06:09,590 --> 00:06:09,830
승인.

56
00:06:09,850 --> 00:06:12,180
그럼이 특별한 걸로 가자.

57
00:06:12,240 --> 00:06:17,180
자, 여기서 보도록하겠습니다.

58
00:06:17,350 --> 00:06:18,550
여기이 마지막 것입니다.

59
00:06:18,790 --> 00:06:20,390
배경 색상을 지정해 보겠습니다.

60
00:06:20,650 --> 00:06:24,470
그래서 그 이드는 이름이 특별합니다.

61
00:06:24,490 --> 00:06:37,220
우리는 CSSA 파일로 이동하고 특별한 것을 쓰고 옥타브를 앞에두고 우리가 ID에 대해 말하고 있다는 것을 알려줍니다.

62
00:06:37,500 --> 00:06:48,020
그래서 우리가하는 일은 모두 여기에 쓰거나 C S를 쓰는 것입니다. 그래서 배경색을 만들어서 노란색으로 만들어 봅시다.

63
00:06:48,250 --> 00:06:54,730
파일을 새로 고침하고 노란색 일 때만 볼 수 있습니다.

64
00:06:54,790 --> 00:06:56,770
그래서 제가 지적하고 싶은 몇 가지가 있습니다.

65
00:06:56,830 --> 00:06:59,890
첫 번째는이 코드가 여전히 작동하고 있다는 것입니다.

66
00:06:59,880 --> 00:07:01,760
모든 동맹국을 뒤 바꿉니다.

67
00:07:01,930 --> 00:07:05,310
그것은 그들에게 마지막 하나를 포함하는 빨간 테두리를줍니다.

68
00:07:05,650 --> 00:07:15,520
그런 다음 우리가 추가하고 ID로 호출 한이 훅을 기반으로 마지막 배경에 노란색 배경 만 추가하여 그 위에 추가합니다.

69
00:07:15,580 --> 00:07:24,480
따라서 요소를 하나씩 추출하는 방법으로 아이디어를 요약하려면 페이지 당 한 번만 ID를 사용할 수 있지만 한 페이지에 원하는만큼의 ID를 가질 수 있습니다.

70
00:07:24,730 --> 00:07:34,380
ID는 개별 요소를 하나씩 추출하는 데는 탁월한 요소이지만 여러 요소가 유사하게 보이기를 원하지만 종종 모든 동맹자가 필요하지는 않습니다.

71
00:07:34,450 --> 00:07:43,410
그래서 제가 동맹국 중 절반을 일방 통풍으로 만들고 나머지 절반은 그것을 달성하기 위해 수업을 사용할 수있는 또 다른 방법으로 스타일을 만들고 싶다고합시다.

72
00:07:43,420 --> 00:07:51,410
따라서 클래스가 작동하는 방식은 클래스라고하는 것 외의 ID와 동일하며 페이지의 여러 요소에 적용 할 수 있습니다.

73
00:07:51,430 --> 00:08:05,240
여기에서 볼 수 있듯이 첫 번째 단락과 세 번째 단락에 하이라이트라는 클래스를 적용한 다음 옥타브 소프 대신 점으로 성공을 나타냅니다.

74
00:08:05,250 --> 00:08:13,350
다시 한 번 ID를 선택하려면 여기에서 해시 기호 또는 옥타브 소프를 사용하여 클래스를 선택하십시오.

75
00:08:13,380 --> 00:08:14,540
우리는 점을 사용합니다.

76
00:08:14,710 --> 00:08:16,600
그렇지 않으면 그들은 같은 방식으로 작동합니다.

77
00:08:16,660 --> 00:08:19,030
그럼 예를 들어 봅시다.

78
00:08:19,230 --> 00:08:28,390
클래스를 추가하고 이것이 작동하도록하는 방식을 살펴 보겠습니다.이 두 클래스가 체크 된 것처럼 가장 할 것입니다.

79
00:08:28,480 --> 00:08:32,720
그래서 저는 그 텍스트를 통해 한 줄을 원합니다.

80
00:08:32,760 --> 00:08:40,810
따라서 우리가 구매 식료품 점을보고 resti를 걸 으면이 텍스트를 통과하지만 마지막 것이 아닌 파업이 있어야합니다.

81
00:08:40,840 --> 00:08:44,320
그래서 우리가 그 일을하는 방법이나 그 일을하는 한 가지 방법은 반원들과 함께하는 것입니다.

82
00:08:44,400 --> 00:08:58,050
비행 중에 나는 계속해서 클래스를 추가 할 것입니다. 그리고 이것을 완료 할 것이고, 또 다른 하나의 클래스는 완성 된 것입니다. 그리고 내가 새로 고치면 그것을 저장할 것입니다.

83
00:08:58,170 --> 00:09:00,560
어떤 스타일도 없기 때문에 아무 일도 일어나지 않습니다.

84
00:09:00,900 --> 00:09:10,850
그래서 지금 저는 C Ss와 I right dot으로갑니다. 그리고 클래스의 이름은 중괄호를 완성하고 이제 스타일을 완성합니다.

85
00:09:11,050 --> 00:09:19,920
그래서 여기에 텍스트 꾸미기라고 불리는 새로운 것을 소개 할 것입니다. 그리고 텍스트 장식은 선을 추가하는 방법입니다.

86
00:09:20,080 --> 00:09:22,030
하지만 할 수있는 일이 몇 가지 있습니다.

87
00:09:22,020 --> 00:09:35,800
밑줄을 추가하고 물결 모양의 밑줄을 추가 할 수 있습니다. 분명히 나는 ​​선을 넘어선 줄을 알지 못했습니다. 꼭지를 제외하고는 밑줄과 같습니다.

88
00:09:35,800 --> 00:09:40,560
그래서 우리는 라인 스루를 사용하려고합니다.

89
00:09:40,810 --> 00:09:42,060
그래서 내가 새롭게하면.

90
00:09:42,120 --> 00:09:44,420
이 톱 2에 주목 해.

91
00:09:44,470 --> 00:09:46,400
이제 우리는 라인을 통과합니다.

92
00:09:46,840 --> 00:09:49,680
큰.

93
00:09:49,990 --> 00:09:56,340
내가 여기있는 동안 한 가지주의 할 점은 페이지가로드 될 때이 체크 박스를 체크하기를 원한다면 말이다.

94
00:09:56,500 --> 00:10:06,410
그래서 지금은 확인되지 않았고 수동으로 확인해야합니다. 그러나 상위 2 개를 확인하려면 여기로 이동하여 checked라는 속성을 추가하십시오.

95
00:10:06,550 --> 00:10:10,370
그리고 이것은 체크 박스 입력에서 작동합니다.

96
00:10:10,380 --> 00:10:15,580
그러니 내가 신선하다면 페이지가로드 될 때 검사됩니다.

97
00:10:15,750 --> 00:10:20,450
따라서 실제로 평가를하지는 않겠지 만 당신이 할 수 있다는 것을 아는 것이 중요합니다.

98
00:10:20,830 --> 00:10:21,100
승인.

99
00:10:21,100 --> 00:10:24,140
자 이제 이것을 빨리 마무리하겠습니다.

100
00:10:24,250 --> 00:10:28,680
주어진 원소를 모두 선택하기위한 원소 선택자가 있습니다.

101
00:10:28,720 --> 00:10:31,780
모든 ALWIS 모든 모든 단락 divs.

102
00:10:32,120 --> 00:10:41,120
일치하는 ID를 가진 하나의 요소를 선택할 ID 선택기가 있으며 우리는 항상이를 위해 옥타브를 사용해야합니다.

103
00:10:41,240 --> 00:10:42,590
또는 해시 기호.