1
00:00:00,630 --> 00:00:04,510
이 비디오에서는 요소를 선택하는 몇 가지 다른 방법에 대해 이야기 할 것입니다.

2
00:00:04,590 --> 00:00:07,530
우리가 지금까지 본 세 가지 주요한 것들을 제외하고.

3
00:00:08,070 --> 00:00:37,780
그리고 그 세 가지를 다시 요약하자면 요소 선택기는 클래스와 ID 선택기입니다. 요소는 Dot low와 같은 Ally 클래스처럼 보이고 ID는 예술이나 해시 기호와 같습니다. 우리가 안에 넣은 것은 ID 나 클래스 또는 모두를 대상으로합니다. 유형의 요소.

4
00:00:37,800 --> 00:00:42,290
따라서 요소를 선택할 수있는 세 가지 방법이 있지만 훨씬 더 많습니다.

5
00:00:42,660 --> 00:00:47,310
여기에 다섯 가지를 집중적으로 다룰 것이며,이 다섯 가지는 제가 가장 중요하다고 생각하는 것입니다.

6
00:00:47,460 --> 00:00:49,020
그러나 훨씬 더 많습니다.

7
00:00:49,230 --> 00:00:54,330
사실 내가 연결된이 기사와 Tutt 's Plus에 대한 설명은 무료 기사입니다.

8
00:00:54,330 --> 00:00:55,350
정말 대단합니다.

9
00:00:55,350 --> 00:01:01,710
외워야 만하는 30 개의 CSSA 선택기라고 불리며 공포하기 전에 외우지 않아도됩니다.

10
00:01:01,920 --> 00:01:05,700
더 중요한 것들과 우리가 항상 사용하는 것들을 자연스럽게 암기합니다.

11
00:01:05,910 --> 00:01:11,850
그러나이 기사의 요점은 당신이 알아야 할 적어도 30 가지 좋은 것들이 있다고 말하는 것입니다.

12
00:01:11,910 --> 00:01:17,030
말할 것도없이이 것들이 외워야 할 30 개가 아직 많이 남아 있습니다.

13
00:01:17,130 --> 00:01:20,980
그리고이 기사가 당신이 알 필요가 없다고 제안하는 것이 훨씬 더 많습니다.

14
00:01:21,120 --> 00:01:23,590
그래서 요점은 이것을하는 많은 다른 방법이 있다는 것입니다.

15
00:01:23,610 --> 00:01:29,270
이 기사에서는 30 개 항목을 강조하고 5 개 또는 6 개 중요한 항목을 살펴 보겠습니다.

16
00:01:29,460 --> 00:01:31,300
그래서이 책을 읽어주는 것이 좋습니다.

17
00:01:31,320 --> 00:01:40,340
다음 비디오에는이 기사에서 다루는 내용과 텍스트 편집기에서 다루는 내용이 포함되어 있습니다.

18
00:01:40,770 --> 00:01:43,060
그래서 저는 기본 HMO를 가지고 있습니다.

19
00:01:43,470 --> 00:01:45,920
나는 파일을 만드는 과정을 밟지 않을 것이다.

20
00:01:45,960 --> 00:01:55,190
이것은 반드시 코드화해야 할 필요는 없지만 H1이있는 곳에서는 그를 근본적으로 깎아 냈습니다.

21
00:01:55,650 --> 00:01:57,860
Google에 연결되는 링크가 있습니다.

22
00:01:57,960 --> 00:02:00,190
우리는 3 명의 동맹국이있는 UL을 보유하고 있습니다.

23
00:02:00,600 --> 00:02:15,860
그런 다음 우리에게는 H가 있고 그 다음에는 3 명의 동맹국과 함께 또 다른 4 명과 함께 또 다른 4 명과 함께 3 명의 동맹국과 하나가 될 것입니다. 그러나 각 동맹국에는 현재 링크가 있으며 첫 번째도이 링크와 같이 Google에 연결됩니다.

24
00:02:16,180 --> 00:02:19,540
그런 다음 다른 하나는 Facebook으로 이동하고 마지막 하나는 Facebook을 읽습니다.

25
00:02:19,590 --> 00:02:20,650
그래서 간단한 마크 업.

26
00:02:20,970 --> 00:02:23,520
그런 다음 선택기라는 스타일 시트가 있습니다.

27
00:02:23,540 --> 00:02:38,360
SS 그래서 여기서 우리는 RC SS를 채울 것입니다. 그래서 우리가 이야기하려고하는 첫 번째 것은 D-Star 선택기로 불리우며 별표가 붙어 있고 페이지의 모든 것을 선택할 것입니다.

28
00:02:38,730 --> 00:02:43,930
그래서 이것은 당신이 실제로 그 모든 것을 자주하고 싶어하는 것이 아니라, 이렇게 보입니다.

29
00:02:44,080 --> 00:02:47,930
그러면 우리가하는 일이 실제로 모든 단일 요소에 적용됩니다.

30
00:02:48,750 --> 00:03:02,800
그래서 모든 것을 하나의 픽셀 단색의 밝은 회색의 요소로 주면 제가 페이지의 각 요소마다 모든 링크를 매 링크마다 볼 수 있습니다.

31
00:03:02,960 --> 00:03:06,800
H가 모두 동맹국이되어 국경을 접하게됩니다.

32
00:03:07,080 --> 00:03:11,260
그래서 이것은 당신이 많이해야 할 일이 아니지만 가끔씩 보게 될 것입니다.

33
00:03:11,550 --> 00:03:17,970
다음은 자손 Lechter이고이 하나를 사용하고 항상 보게 될 것입니다.

34
00:03:18,030 --> 00:03:27,150
자손 선택자가 작동하는 방식은 두 개 이상의 태그 이름 또는 두 개 이상의 선택자를 사용하여 체인을 연결하는 것입니다.

35
00:03:27,150 --> 00:03:41,350
알리 안쪽에있는 앵커 태그를 모두 선택하려면 예를 들어야합니다. 앵커 태그 안의 태그 만 표시됩니다.

36
00:03:41,580 --> 00:03:45,860
동맹의 자손 인 모든 앵커 태그를 선택하고 싶습니다.

37
00:03:46,170 --> 00:03:53,340
그렇게하기 위해 문법은 Ally space와 anchor tag처럼 보입니다.

38
00:03:53,970 --> 00:03:59,610
그래서 이것은 동맹국 안의 나이 태그 인 모든 것을 고를 것이고 우리는 이것을 계속 할 수 있습니다.

39
00:03:59,610 --> 00:04:10,680
우리가 더 많은 것을 가지고 있다면 나는 이것을 이것처럼 다시 쓸 수 있습니다.이 태그는 UL의 내부에있는 모든 동맹 태그 안에 있습니다. 우리는 여기에있는 것이지만 우리의 경우에는 중복되어 있습니다.

40
00:04:11,460 --> 00:04:16,440
그리고 저는 모든 앵커가 안녕하세요와 함께 모든 것을 말해주었습니다.

41
00:04:16,560 --> 00:04:20,070
동맹국 내부에는 일치하는 마크 업이 없습니다.

42
00:04:20,070 --> 00:04:22,120
그래서 모든 닻 꼬리표는 동맹국 안에 있습니다.

43
00:04:22,350 --> 00:04:28,720
그리고 그냥 붉은 색으로 바꾸어 봅시다.

44
00:04:29,100 --> 00:04:32,460
그리고 세 개의 앵커 태그가 빨간색임을 알 수 있습니다.

45
00:04:32,490 --> 00:04:34,690
이 것은 변경되지 않았습니다.

46
00:04:35,580 --> 00:04:38,400
다음은 인접한 선택 자입니다.

47
00:04:38,970 --> 00:04:44,980
따라서 인접 선택기를 사용하면 다른 요소 뒤에 오는 요소를 선택하게됩니다.

48
00:04:45,030 --> 00:04:49,910
이렇게 내부에 중첩되지 않은 것은 우물에 중첩 된 동맹국입니다.

49
00:04:50,100 --> 00:04:52,200
우리는 형제를 선택할 수 있습니다.

50
00:04:52,350 --> 00:05:01,200
그래서 우리는 H 레벨 이후에 오는 모든 ULS를 선택하게 될 것입니다.

51
00:05:01,200 --> 00:05:07,970
포크 안에 들어가서가 아니라 똑같은 높이의 형제처럼 들여 쓰기 만하면됩니다.

52
00:05:07,980 --> 00:05:11,410
그래서 이것은 인접 셀렉터라고 불리우며 다음과 같습니다.

53
00:05:11,670 --> 00:05:16,780
우리는 네 살 이상을 말할 것입니다.

54
00:05:16,890 --> 00:05:21,920
따라서 플러스가 없으면 이것은 우리 모두가 안으로 들어가고 4 살이지만 더하기가 될 것입니다.

55
00:05:21,960 --> 00:05:24,810
우리는 나이 4에 인접 해 있습니다.

56
00:05:24,990 --> 00:05:34,080
그리고 저는 국경을주기 위해 4 개의 픽셀을 단색으로하고 두 개의 UL이 인접 해있는 것을보아야합니다.

57
00:05:34,080 --> 00:05:40,740
그들은 같은 나이의 4 세 이후에 빨간 테두리가 있습니다.

58
00:05:40,920 --> 00:05:46,170
그래서 이것을 보여주고 싶습니다. 그리고 이것은 또한 속성 선택 자라 불리는 정말로 중요한 것입니다.

59
00:05:46,410 --> 00:05:51,270
따라서 속성 선택자는 속성을 기반으로 요소를 선택하는 방법입니다.

60
00:05:51,660 --> 00:05:56,620
그래서 우리의 경우에 우리는 H ref 속성을 기반으로 선택을 할 것입니다.

61
00:05:56,970 --> 00:06:01,920
우리는 H.F.가 Google.com 인 곳에서 모든 링크를 Google로 전환 할 것인지 확인합니다.

62
00:06:01,920 --> 00:06:15,210
우리는 그것들을 하나의 색으로 만들 것입니다.하지만 이것을 사용하여 특정 소스의 모든 이미지 나 모든 체크 박스 나 모든 암호 필드 또는 특정 유형의 모든 입력을 선택할 수도 있습니다.

63
00:06:15,210 --> 00:06:24,290
그래서 우리는 앵커 태그를 입력 한 다음 대괄호를 입력 한 다음 내부에서 우리가 찾고있는 속성을 입력 할 것입니다.

64
00:06:24,540 --> 00:06:32,850
Tref가 같으면 Google에 대한 링크를 만들려고합니다.

65
00:06:32,850 --> 00:06:50,530
그래서 이것은 HGF가 이것과 같은 모든 앵커 태그를 선택합니다. 그리고 나서 우리는 단지 그것에게 색깔을 주려고합니다. 그것에게 배경을 파란색으로 주면이 두 링크를 볼 수 있습니다.

66
00:06:50,520 --> 00:06:53,650
첫 번째는 Google로 이동하고 두 번째는 Google로 이동합니다.

67
00:06:53,820 --> 00:06:54,750
그래서 그들은 파랗다.

68
00:06:54,870 --> 00:06:57,270
그러나 다른 두 링크는 ​​Google에 연결되지 않습니다.

69
00:06:57,270 --> 00:06:59,340
그들은 페이스 북에 가서 그것을 읽습니다.

70
00:06:59,340 --> 00:07:01,030
그래서 그들은 변하지 않습니다.

71
00:07:01,800 --> 00:07:30,170
따라서 모든 텍스트 입력 스타일을 다르게 지정하거나 모든 입력 스타일을 한 가지 스타일로 지정하려면 입력 스타일이 텍스트와 동일하거나 실제로 입력 스타일을 갖게 될 수도 있습니다. 많은 다른 입력 색상을 컬러 입력 및 파일 사진과 비밀 번호와 이메일 및 제출 버튼 그들은 모두 입력 태그입니다.

72
00:07:30,420 --> 00:07:34,460
따라서 입력으로 선택하는 것은 모든 유형의 입력을 제공 할 것입니다.

73
00:07:34,500 --> 00:07:37,580
그래서 우리는 종종 유형별로 선택합니다.

74
00:07:37,620 --> 00:07:42,680
이제 Google ref selector로 돌아가 보겠습니다.

75
00:07:43,650 --> 00:07:51,710
여기에 제가 이야기하고 싶은 또 하나가 있는데, 이것은 유형의 끝이라고 불리는 것입니다. 유형의 끝이 작동하는 방식은 3 ~ 5와 같은 숫자입니다.

76
00:07:51,930 --> 00:07:55,710
그런 다음 특정 요소의 모든 끝을 선택합니다.

77
00:07:55,710 --> 00:08:08,390
따라서 제가 사용할 수있는 페이지에서 다섯 번째 div 또는 매초 또는 다섯 번째 10 번째 단락을 선택하려면 유형 및 유형을 선택하십시오.

78
00:08:08,400 --> 00:08:15,120
따라서이 경우 Drona는 최종 UL을 선택하고 최종 결정을 내립니다.

79
00:08:15,130 --> 00:08:17,570
그럼 세 번째.

80
00:08:18,210 --> 00:08:33,410
다른 국경이나 다른 배경을주고 싶다고 말하면, 콜론 (:)과 콜론 (:)을 선택한 다음 3과 같은 숫자를 선택합니다.

81
00:08:33,860 --> 00:08:35,750
그리고 배경을 말하려고합니다.

82
00:08:36,080 --> 00:08:47,400
그리고 보라색처럼 뚜렷한 배경을 만들어 보자. 보라색으로 바뀌는 세 번째 만 볼 수있다.

83
00:08:47,400 --> 00:08:51,420
이렇게하면 페이지 아래쪽에있는 것을 선택하려는 경우 유용합니다.

84
00:08:51,420 --> 00:09:00,370
내가 알아야 할 한가지는이 작품이 동맹국에 가서 세 번째 거짓말을 바꾸는 것입니다.

85
00:09:00,480 --> 00:09:04,120
그리고 그 일을하기 전에, 나는 네가 네가 생각하는 것이 상상되기를 바란다.

86
00:09:04,170 --> 00:09:08,160
그래서 이것은 제 3의 동맹국을 선택하기로되어 있습니다.

87
00:09:08,400 --> 00:09:10,960
그래서 이것이 여기에있는 것 같습니다.

88
00:09:11,220 --> 00:09:15,170
그러나 새로 고침에 따라 실제로 세 번째 거짓말이 선택된다는 것을 알 수 있습니다.

89
00:09:15,390 --> 00:09:19,620
따라서 모든 동맹국 그룹에서 세 번째를 선택하게 될 것입니다.

90
00:09:20,210 --> 00:09:24,370
그리고 만약 내가 더 무리가 있다면.

91
00:09:26,520 --> 00:09:41,790
주어진 그룹의 3 분의 1과 같아서 3 분의 1이 아니기 때문에 아스파 라 거스를 다시 선택한 다음 다시 아스파 라 거스를 선택하는 것처럼 중요하다는 점에 유의해야합니다. 다시 모든 그룹에서 세 번째를 선택합니다.