이 비디오에서는 요소를 선택하는 몇 가지 다른 방법에 대해 이야기 할 것입니다.
우리가 지금까지 본 세 가지 주요한 것들을 제외하고.
그리고 그 세 가지를 다시 요약하자면 요소 선택기는 클래스와 ID 선택기입니다. 요소는 Dot low와 같은 Ally 클래스처럼 보이고 ID는 예술이나 해시 기호와 같습니다. 우리가 안에 넣은 것은 ID 나 클래스 또는 모두를 대상으로합니다. 유형의 요소.
따라서 요소를 선택할 수있는 세 가지 방법이 있지만 훨씬 더 많습니다.
여기에 다섯 가지를 집중적으로 다룰 것이며,이 다섯 가지는 제가 가장 중요하다고 생각하는 것입니다.
그러나 훨씬 더 많습니다.
사실 내가 연결된이 기사와 Tutt 's Plus에 대한 설명은 무료 기사입니다.
정말 대단합니다.
외워야 만하는 30 개의 CSSA 선택기라고 불리며 공포하기 전에 외우지 않아도됩니다.
더 중요한 것들과 우리가 항상 사용하는 것들을 자연스럽게 암기합니다.
그러나이 기사의 요점은 당신이 알아야 할 적어도 30 가지 좋은 것들이 있다고 말하는 것입니다.
말할 것도없이이 것들이 외워야 할 30 개가 아직 많이 남아 있습니다.
그리고이 기사가 당신이 알 필요가 없다고 제안하는 것이 훨씬 더 많습니다.
그래서 요점은 이것을하는 많은 다른 방법이 있다는 것입니다.
이 기사에서는 30 개 항목을 강조하고 5 개 또는 6 개 중요한 항목을 살펴 보겠습니다.
그래서이 책을 읽어주는 것이 좋습니다.
다음 비디오에는이 기사에서 다루는 내용과 텍스트 편집기에서 다루는 내용이 포함되어 있습니다.
그래서 저는 기본 HMO를 가지고 있습니다.
나는 파일을 만드는 과정을 밟지 않을 것이다.
이것은 반드시 코드화해야 할 필요는 없지만 H1이있는 곳에서는 그를 근본적으로 깎아 냈습니다.
Google에 연결되는 링크가 있습니다.
우리는 3 명의 동맹국이있는 UL을 보유하고 있습니다.
그런 다음 우리에게는 H가 있고 그 다음에는 3 명의 동맹국과 함께 또 다른 4 명과 함께 또 다른 4 명과 함께 3 명의 동맹국과 하나가 될 것입니다. 그러나 각 동맹국에는 현재 링크가 있으며 첫 번째도이 링크와 같이 Google에 연결됩니다.
그런 다음 다른 하나는 Facebook으로 이동하고 마지막 하나는 Facebook을 읽습니다.
그래서 간단한 마크 업.
그런 다음 선택기라는 스타일 시트가 있습니다.
SS 그래서 여기서 우리는 RC SS를 채울 것입니다. 그래서 우리가 이야기하려고하는 첫 번째 것은 D-Star 선택기로 불리우며 별표가 붙어 있고 페이지의 모든 것을 선택할 것입니다.
그래서 이것은 당신이 실제로 그 모든 것을 자주하고 싶어하는 것이 아니라, 이렇게 보입니다.
그러면 우리가하는 일이 실제로 모든 단일 요소에 적용됩니다.
그래서 모든 것을 하나의 픽셀 단색의 밝은 회색의 요소로 주면 제가 페이지의 각 요소마다 모든 링크를 매 링크마다 볼 수 있습니다.
H가 모두 동맹국이되어 국경을 접하게됩니다.
그래서 이것은 당신이 많이해야 할 일이 아니지만 가끔씩 보게 될 것입니다.
다음은 자손 Lechter이고이 하나를 사용하고 항상 보게 될 것입니다.
자손 선택자가 작동하는 방식은 두 개 이상의 태그 이름 또는 두 개 이상의 선택자를 사용하여 체인을 연결하는 것입니다.
알리 안쪽에있는 앵커 태그를 모두 선택하려면 예를 들어야합니다. 앵커 태그 안의 태그 만 표시됩니다.
동맹의 자손 인 모든 앵커 태그를 선택하고 싶습니다.
그렇게하기 위해 문법은 Ally space와 anchor tag처럼 보입니다.
그래서 이것은 동맹국 안의 나이 태그 인 모든 것을 고를 것이고 우리는 이것을 계속 할 수 있습니다.
우리가 더 많은 것을 가지고 있다면 나는 이것을 이것처럼 다시 쓸 수 있습니다.이 태그는 UL의 내부에있는 모든 동맹 태그 안에 있습니다. 우리는 여기에있는 것이지만 우리의 경우에는 중복되어 있습니다.
그리고 저는 모든 앵커가 안녕하세요와 함께 모든 것을 말해주었습니다.
동맹국 내부에는 일치하는 마크 업이 없습니다.
그래서 모든 닻 꼬리표는 동맹국 안에 있습니다.
그리고 그냥 붉은 색으로 바꾸어 봅시다.
그리고 세 개의 앵커 태그가 빨간색임을 알 수 있습니다.
이 것은 변경되지 않았습니다.
다음은 인접한 선택 자입니다.
따라서 인접 선택기를 사용하면 다른 요소 뒤에 오는 요소를 선택하게됩니다.
이렇게 내부에 중첩되지 않은 것은 우물에 중첩 된 동맹국입니다.
우리는 형제를 선택할 수 있습니다.
그래서 우리는 H 레벨 이후에 오는 모든 ULS를 선택하게 될 것입니다.
포크 안에 들어가서가 아니라 똑같은 높이의 형제처럼 들여 쓰기 만하면됩니다.
그래서 이것은 인접 셀렉터라고 불리우며 다음과 같습니다.
우리는 네 살 이상을 말할 것입니다.
따라서 플러스가 없으면 이것은 우리 모두가 안으로 들어가고 4 살이지만 더하기가 될 것입니다.
우리는 나이 4에 인접 해 있습니다.
그리고 저는 국경을주기 위해 4 개의 픽셀을 단색으로하고 두 개의 UL이 인접 해있는 것을보아야합니다.
그들은 같은 나이의 4 세 이후에 빨간 테두리가 있습니다.
그래서 이것을 보여주고 싶습니다. 그리고 이것은 또한 속성 선택 자라 불리는 정말로 중요한 것입니다.
따라서 속성 선택자는 속성을 기반으로 요소를 선택하는 방법입니다.
그래서 우리의 경우에 우리는 H ref 속성을 기반으로 선택을 할 것입니다.
우리는 H.F.가 Google.com 인 곳에서 모든 링크를 Google로 전환 할 것인지 확인합니다.
우리는 그것들을 하나의 색으로 만들 것입니다.하지만 이것을 사용하여 특정 소스의 모든 이미지 나 모든 체크 박스 나 모든 암호 필드 또는 특정 유형의 모든 입력을 선택할 수도 있습니다.
그래서 우리는 앵커 태그를 입력 한 다음 대괄호를 입력 한 다음 내부에서 우리가 찾고있는 속성을 입력 할 것입니다.
Tref가 같으면 Google에 대한 링크를 만들려고합니다.
그래서 이것은 HGF가 이것과 같은 모든 앵커 태그를 선택합니다. 그리고 나서 우리는 단지 그것에게 색깔을 주려고합니다. 그것에게 배경을 파란색으로 주면이 두 링크를 볼 수 있습니다.
첫 번째는 Google로 이동하고 두 번째는 Google로 이동합니다.
그래서 그들은 파랗다.
그러나 다른 두 링크는 ​​Google에 연결되지 않습니다.
그들은 페이스 북에 가서 그것을 읽습니다.
그래서 그들은 변하지 않습니다.
따라서 모든 텍스트 입력 스타일을 다르게 지정하거나 모든 입력 스타일을 한 가지 스타일로 지정하려면 입력 스타일이 텍스트와 동일하거나 실제로 입력 스타일을 갖게 될 수도 있습니다. 많은 다른 입력 색상을 컬러 입력 및 파일 사진과 비밀 번호와 이메일 및 제출 버튼 그들은 모두 입력 태그입니다.
따라서 입력으로 선택하는 것은 모든 유형의 입력을 제공 할 것입니다.
그래서 우리는 종종 유형별로 선택합니다.
이제 Google ref selector로 돌아가 보겠습니다.
여기에 제가 이야기하고 싶은 또 하나가 있는데, 이것은 유형의 끝이라고 불리는 것입니다. 유형의 끝이 작동하는 방식은 3 ~ 5와 같은 숫자입니다.
그런 다음 특정 요소의 모든 끝을 선택합니다.
따라서 제가 사용할 수있는 페이지에서 다섯 번째 div 또는 매초 또는 다섯 번째 10 번째 단락을 선택하려면 유형 및 유형을 선택하십시오.
따라서이 경우 Drona는 최종 UL을 선택하고 최종 결정을 내립니다.
그럼 세 번째.
다른 국경이나 다른 배경을주고 싶다고 말하면, 콜론 (:)과 콜론 (:)을 선택한 다음 3과 같은 숫자를 선택합니다.
그리고 배경을 말하려고합니다.
그리고 보라색처럼 뚜렷한 배경을 만들어 보자. 보라색으로 바뀌는 세 번째 만 볼 수있다.
이렇게하면 페이지 아래쪽에있는 것을 선택하려는 경우 유용합니다.
내가 알아야 할 한가지는이 작품이 동맹국에 가서 세 번째 거짓말을 바꾸는 것입니다.
그리고 그 일을하기 전에, 나는 네가 네가 생각하는 것이 상상되기를 바란다.
그래서 이것은 제 3의 동맹국을 선택하기로되어 있습니다.
그래서 이것이 여기에있는 것 같습니다.
그러나 새로 고침에 따라 실제로 세 번째 거짓말이 선택된다는 것을 알 수 있습니다.
따라서 모든 동맹국 그룹에서 세 번째를 선택하게 될 것입니다.
그리고 만약 내가 더 무리가 있다면.
주어진 그룹의 3 분의 1과 같아서 3 분의 1이 아니기 때문에 아스파 라 거스를 다시 선택한 다음 다시 아스파 라 거스를 선택하는 것처럼 중요하다는 점에 유의해야합니다. 다시 모든 그룹에서 세 번째를 선택합니다.