따라서이 비디오에서는 세 개의 CSSA 선택기에 중점을 둘 것입니다.
클래스의 요소 ID입니다.
그래서 요소를 선택할 수있는 더 많은 옵션이 있습니다.
우리는 나중에 이들에 대해 배우기 시작할 것입니다.
셀렉터가이 일반적인 규칙을 다시 생각해 보면 CSSA가 시작된 몇 일 전부터 셀렉터가있는 곳과 중괄호가있는 곳, 일부 속성이있는 곳을 생각해 보았습니다.
그래서 우리는 여기에 넣을 수있는 몇 가지 다른 선택자를 보게 될 것입니다.
그리고 우리가 할 방법은 실제로 목록을 함께 간단하게 만들 것입니다.
그래서 나는 새 파일을 만들거야.
나는 그것을 구할 것입니다. 그리고 HMO에 일단 전화를 걸면 HMO를 추가하고 HMO를 추가하십시오.
그리고 그것은 그것이 H1이 될 것이고 우리는 우방을 가질 것입니다.
하지만 각 동맹국마다 약간의 텍스트가있을 것이고 약간의 체크 박스가 생길 것입니다. 체크 박스를 수행하는 방법을 기억할 수 있는지 확인하십시오. 입력 유형이 체크 박스와 동일하거나 그 이하이면 텍스트를 가질 것입니다. .
그래서 우리는 녹슨 길을 걸어야합니다. 그리고 저는 이것을 단지 복제 할 것입니다.
그래서 우리는 여기서 식료품을 사려고 녹슨을 걸을 것입니다.
그리고 마지막으로 Phidias의 평가를보고 녹음을 마칩니다.
브라우저에서 이것을 열면 최종 제품의 개성과 스타일을 볼 수 있지만 골격은 거기에 있습니다.
우리는 우리 두 가지를 가지고 있으며 그 옆에 작은 체크 박스가 있습니다.
승인.
그래서 우리가하고 싶은 일은 스타일 시트를 연결하는 것입니다.
이번에는 존재하지 않는 스타일 시트를 연결 한 다음 스타일 시트를 작성해 보겠습니다.
따라서 어떤 사람들은이 오류 중심의 개발을 우리가 알고있는 것을 작성하고 작동하지 않을 것이라고 말한 다음 나중에 작동하게 만듭니다.
그래서 저는 이것을 C라는 평가를하기 위해 호출 할 것입니다. C는 존재하지 않는 것을 평가합니다.
다음으로 우리가 할 일은 C가 평가하는 파일을 Dewes에게 제출하는 것입니다.
그리고 이것은 연구를 할 때와 같은 장소에 있어야합니다.
팀이 그것을 저장하고 연결되었는지 확인합니다.
시체 배경 오렌지 같은 것을 해보 죠. 그리고 이것이 제가 실제로 컬러 비디오에서 말한 것임을 알고 있습니다.
이것은 내가 오렌지와 같은 색을 실제로 사용하는 유일한시기 중 하나입니다.
가르침을 제외하고 나는 무언가가 연결되어 있는지 확인하기 위해 단지 그것을 사용할 것입니다. 나는 단지 밝은 색을 원합니다.
이 C S를 사용하는 것이 여기에서 올바르게 참조되는지 확인하고 싶습니다.
그래서 우리가 신선하다면.
좋아, 좋은 것들이 연결되어있다.
그래서 우리가 할 일은 여기서 슬라이드로 돌아가서 실제로 요소 선택기에 대해 이야기합니다. 우리가 실제로 많은 시간을 할애하여 준비가되었습니다.
기본적으로 div 또는 단락이나 본문을 지정하면 공격 유형이되며 일치하는 모든 인스턴스가 모든 해당 요소를 선택합니다.
그래서이 예에서는 두 개의 div가 있고 각 div에는 두 개의 단락이 있으므로 배경이 보라색 인 모든 div를 설정합니다. 두 개의 보라색 장치를 얻습니다. 모든 단락을 색상 노랑으로 설정합니다. 네 개의 노란색 단락을 얻습니다.
그래서 우리가 시체를 선택할 때 여기에서 우리가하는 일입니다.
우리는 또한 모든 ALWIS를 위해 그것을 할 수 있고 그들에게 명령을 내리거나 두 개의 픽셀이 빨간색으로 채워지는 경계를 처프하게 할 수 있습니다.
당연히 모든 동맹국에서 작동합니다.
승인.
그래서 우리가 할 수있는 다음 일은 하나의 동맹 자나 하나의 H-1 또는 하나의 인스턴스를 만드는 것입니다.
그래서이 예제에서 우리는 세 번째 거짓말을 선택하고 그것을 노란색으로 돌리고 있습니다.
그리고 우리가하는 방식은 실제로 팀을 약간 변경 한 다음 H T M L과 R C S에 추가하는 후크를 사용하여 모두 다시 참조하고 노란색으로 바꿉니다.
그래서 첫 번째 단계는 ID라고 불리는 고리를 추가하는 것입니다.
아이디어가 작동하는 방식으로 모든 요소 ID equals에 속성으로 추가 할 수 있습니다.
그리고 따옴표 안에 원하는 어떤 이름이라도 될 수 있습니다.
그리고 나서 우리는 나중에 Octa Thorpe 나 해쉬 기호를 쓰고 ID 이름을 쓰고 그 ID 이름과 일치하는 하나의 요소를 선택합니다.
예를 들어이 최종 동맹국을 약간 다른 모습으로 보이기를 원한다고 가정 해 봅시다.
내가 할 수있는 일은 앨리 야. 신분증을 줘.
그리고 이것은 어떤 이름이 될 수 있습니다.
이 스페셜을 부르 자. 내가 특별한 이름을 지었다고 말하는 이유는 정말 위대한 이름은 아니지만, ID를 사용하는 요점은 무언가를 뽑아내는 것이라는 것을 보여줍니다.
하나의 개별 요소와 하나의 ID에 대해 ID를 대상으로 지정하는 방법입니다.
페이지에 한 번만 나타납니다.
그래서 만약 내가 이것을 한 다음 실제로 유효하지 않은 HMO 인 두 요소에 특별한 ID를 시도해보십시오.
그래서 항상 페이지에 한 번만 있어야합니다.
이것은 하나의 요소를 하나씩 출력하는 데 전적으로 사용됩니다.
그러나 한 페이지에 여러 ID가 표시 될 수 있습니다.
승인.
그럼이 특별한 걸로 가자.
자, 여기서 보도록하겠습니다.
여기이 마지막 것입니다.
배경 색상을 지정해 보겠습니다.
그래서 그 이드는 이름이 특별합니다.
우리는 CSSA 파일로 이동하고 특별한 것을 쓰고 옥타브를 앞에두고 우리가 ID에 대해 말하고 있다는 것을 알려줍니다.
그래서 우리가하는 일은 모두 여기에 쓰거나 C S를 쓰는 것입니다. 그래서 배경색을 만들어서 노란색으로 만들어 봅시다.
파일을 새로 고침하고 노란색 일 때만 볼 수 있습니다.
그래서 제가 지적하고 싶은 몇 가지가 있습니다.
첫 번째는이 코드가 여전히 작동하고 있다는 것입니다.
모든 동맹국을 뒤 바꿉니다.
그것은 그들에게 마지막 하나를 포함하는 빨간 테두리를줍니다.
그런 다음 우리가 추가하고 ID로 호출 한이 훅을 기반으로 마지막 배경에 노란색 배경 만 추가하여 그 위에 추가합니다.
따라서 요소를 하나씩 추출하는 방법으로 아이디어를 요약하려면 페이지 당 한 번만 ID를 사용할 수 있지만 한 페이지에 원하는만큼의 ID를 가질 수 있습니다.
ID는 개별 요소를 하나씩 추출하는 데는 탁월한 요소이지만 여러 요소가 유사하게 보이기를 원하지만 종종 모든 동맹자가 필요하지는 않습니다.
그래서 제가 동맹국 중 절반을 일방 통풍으로 만들고 나머지 절반은 그것을 달성하기 위해 수업을 사용할 수있는 또 다른 방법으로 스타일을 만들고 싶다고합시다.
따라서 클래스가 작동하는 방식은 클래스라고하는 것 외의 ID와 동일하며 페이지의 여러 요소에 적용 할 수 있습니다.
여기에서 볼 수 있듯이 첫 번째 단락과 세 번째 단락에 하이라이트라는 클래스를 적용한 다음 옥타브 소프 대신 점으로 성공을 나타냅니다.
다시 한 번 ID를 선택하려면 여기에서 해시 기호 또는 옥타브 소프를 사용하여 클래스를 선택하십시오.
우리는 점을 사용합니다.
그렇지 않으면 그들은 같은 방식으로 작동합니다.
그럼 예를 들어 봅시다.
클래스를 추가하고 이것이 작동하도록하는 방식을 살펴 보겠습니다.이 두 클래스가 체크 된 것처럼 가장 할 것입니다.
그래서 저는 그 텍스트를 통해 한 줄을 원합니다.
따라서 우리가 구매 식료품 점을보고 resti를 걸 으면이 텍스트를 통과하지만 마지막 것이 아닌 파업이 있어야합니다.
그래서 우리가 그 일을하는 방법이나 그 일을하는 한 가지 방법은 반원들과 함께하는 것입니다.
비행 중에 나는 계속해서 클래스를 추가 할 것입니다. 그리고 이것을 완료 할 것이고, 또 다른 하나의 클래스는 완성 된 것입니다. 그리고 내가 새로 고치면 그것을 저장할 것입니다.
어떤 스타일도 없기 때문에 아무 일도 일어나지 않습니다.
그래서 지금 저는 C Ss와 I right dot으로갑니다. 그리고 클래스의 이름은 중괄호를 완성하고 이제 스타일을 완성합니다.
그래서 여기에 텍스트 꾸미기라고 불리는 새로운 것을 소개 할 것입니다. 그리고 텍스트 장식은 선을 추가하는 방법입니다.
하지만 할 수있는 일이 몇 가지 있습니다.
밑줄을 추가하고 물결 모양의 밑줄을 추가 할 수 있습니다. 분명히 나는 ​​선을 넘어선 줄을 알지 못했습니다. 꼭지를 제외하고는 밑줄과 같습니다.
그래서 우리는 라인 스루를 사용하려고합니다.
그래서 내가 새롭게하면.
이 톱 2에 주목 해.
이제 우리는 라인을 통과합니다.
큰.
내가 여기있는 동안 한 가지주의 할 점은 페이지가로드 될 때이 체크 박스를 체크하기를 원한다면 말이다.
그래서 지금은 확인되지 않았고 수동으로 확인해야합니다. 그러나 상위 2 개를 확인하려면 여기로 이동하여 checked라는 속성을 추가하십시오.
그리고 이것은 체크 박스 입력에서 작동합니다.
그러니 내가 신선하다면 페이지가로드 될 때 검사됩니다.
따라서 실제로 평가를하지는 않겠지 만 당신이 할 수 있다는 것을 아는 것이 중요합니다.
승인.
자 이제 이것을 빨리 마무리하겠습니다.
주어진 원소를 모두 선택하기위한 원소 선택자가 있습니다.
모든 ALWIS 모든 모든 단락 divs.
일치하는 ID를 가진 하나의 요소를 선택할 ID 선택기가 있으며 우리는 항상이를 위해 옥타브를 사용해야합니다.
또는 해시 기호.