승인.
따라서이 비디오에서 우리는 두 가지 중요한 주제를 다루고 아직 우리가 아직 이야기하지 않았으며 상속과 특이성을 평가합니다.
그래서 우리는 상속이 작동하고 평가하는 방식을 보여줄 것입니다.
그래서 여기에 간단한 파일이 있습니다.
그것은 내부에 4 명의 동맹이있는 하나의 우물을 가지고 있습니다. 스타일 태그에 제 스타일을 써서 파일 사이를 뒤집어 쓰는 것을 보지 않아도된다는 것을 쉽게 볼 수 있습니다.
그러나 실제로는 외부 스타일 시트에서 실제로 이렇게하는 것이 좋습니다.
따라서 UL의 스타일을 지정하고 자주색을 지정합니다. 그렇게하면 얼라이언스를 새로 고칠 때 실제로 보라색이됩니다.
그래서 그곳에서 무슨 일이 일어 났습니까?
당신은 내가 UL의 스타일을 정한 곳의 스타일을 알았고 거짓말은 간접적으로 바뀌었고 부모 엘리먼트로부터 그 색을 물려 받았습니다.
그래서 다른 예를 보여 드리겠습니다.
검정색으로 시작하는 단락을 여기에 추가해 봅시다. 그리고 저는 여러분에게 와서 보라구.
그래서 모든 것은 단지 정상적인 검정색 텍스트입니다.
나는 내 스타일로 들어가서 몸을 말하면 시체를 색칠하고 나는 이것을 새롭게한다. 나는 이것을 좀 더 크게 만들 것이다.
모든 것이 빨간색임을 알 수 있습니다.
그래서 이것은 상속의 개념을 설명하는 것입니다. 부모에서 속성을 설정하면 자식 요소에도 영향을 미칠 수 있습니다.
우리가 모든 문단과 동맹국을 모두 읽을 수있게하려면 좋을 것입니다.
우리는 단락처럼 앉아서 읽은 다음 동맹국을 선택하고 적색으로 바꿀 필요가 없습니다.
우리는 시체를 선택할 수 있습니다.
그래서 내가 보여주고 싶은 다음 것은 내가 여기에 들어가면 실제로 어떤 단락이 녹색이되기를 원하는지 결정합니다.
새로 고침하면 단락이 초록색으로 바뀌는 것을 볼 수 있습니다.
마찬가지로 ul을 초록색으로 만들거나 파란색으로 만들고 싶으면 UL이 파란색으로 변하 고 새로 고침을하고 이에 따라 상속 관계를 유지합니다.
여기에서 어떤 일이 일어나는지 실제로이 특이성과 CSSA에 대한 아이디어를 보여줍니다.
그래서 우리는이 같은 동맹국에 영향을 줄 수있는 여러 가지 스타일을 가지고 있습니다.
그것은 빨간색이 될 수 있고 빨간색으로 시작한 다음 파란색으로 반환합니다. 왜냐하면 모두 파란색으로되어 있기 때문입니다.
그래서 우리가이 요소들 중 하나를 조사하면이 전체 화면을 만들려고합니다. 그리고 이것을 늘려 폰트 크기를 약간 늘리면 색상이 파란색으로 설정된다는 것을 보게 될 것입니다 UL과 UL로부터 상속 받았으며 스크롤을 계속하면 몸에서 상속받은 것을 볼 수 있습니다.
색상은 빨간색이지만 실제로는 지나치게 바뀌어 전혀 적용되지 않습니다.
그리고 대신이 스타일이 적용되고 있습니다.
따라서이 스타일은 적용하려는 시도이거나 우리가 선택한이 요소를 대상으로하고 있지만 실제로는 적용되지 않았 음을 의미합니다.
그래서 상속에 매우 밀접하게 관련된 다음 주제는 특이성이라고 불립니다.
따라서 특정 요소를 타겟팅하는 여러 스타일을 가질 수 있다는 점에서이 아이디어가 특이합니다. 바로 여기서 발생합니다.
예를 들어이 UL 또는이 동맹을 대상으로하는 여러 스타일이 있습니다.
거짓말은 빨간색으로 바뀌거나이 선에 의해 타겟팅됩니다.
몸은 몸을 붉게합니다.
그리고 모든 Juelz blue의 모든 것을 뒤 바꿔주는이 줄이 목표로 삼고 있습니다.
그리고 나서 SS는 어느 것이이기는 지 결정해야합니다.
그리고이 경우 가장 가까운 스타일이이 요소에 있습니다.
그래서 어느 것이 더 구체적이고 몸이 의미하는 바는 매우 일반적입니다.
그리고 UL은 그것이 우승 할 때 더 구체적입니다.
그러나 이것은 단순한 경우에 불과합니다.
이제는 조금씩 분량을 높이고 셀렉터를 추가하십시오.
이제 직접적인 동맹 선별자를 추가하고 동맹군 오렌지를 만들어 봅시다.
그리고 예상대로 모든 동맹국을 주황색으로 만듭니다.
그리고 우리가 감찰관을 열면 시체가 붉은 색으로 변하는 것을 보게 될 것입니다. 그러나 그것이 교차되어 있습니다.
그것은 UL 셀렉터에 의해 청색으로 변하고, 플라이 선택기에 의해 주황색으로 변하면서 하나가 승리합니다.
그래서 이것들은 어느 것이 하나가 승리하는지 꽤 명확한 모든 단순한 경우입니다.
하지만 이제 이것에 대해 소개해 드리겠습니다.
이제이 클래스에 하이라이트라는 클래스가 있고 두 클래스 중 하나에 클래스를 제공하고이 클래스 하이라이트를 선택한 다음 배경색을 지정한다고 가정 해 보겠습니다.
실제로 색깔 만 붙이자.
그냥 노란색과 같은 특성의 색이며 저장합니다.
어느 쪽이 지금 당장 나가겠다고 생각하니?
확인해 봅시다. 하이라이트 클래스가 이기고 클래스처럼 높기 때문에 노란색으로 바뀌 었음을 알 수 있습니다.
따라서 우리는 L.A에서 뭔가를 보여줍니다. 우리는 모든 동맹국을 직접 타겟팅하여 주황색으로 만든 다음이 클래스를 가진 소수의 동맹국을 직접 타겟팅하여 노란색으로 만듭니다.
그리고이 경우에이 클래스가 승리합니다.
그래서 실제로 어떻게 작동하는지에 대한 매우 구체적인 규칙이 있습니다. 그리고 저는 잠시 후에 그것을 보여 드리겠습니다.
하지만 그 전에 나는 하나의 예제를 더 추가하고 싶습니다. 그래서이 요소에 I.D. 나는 그것을 특별하다고 부를 것입니다.
나는 그 요소를 특별하게 목표로 삼을 것이고, 나는 분홍색의 색을주고 그것을 새로 고칠 것이다.
그 요소가 승리하는 것을 보게 될 것입니다.
한 번 더 살펴보면 신체에서 유래 한 우물에 적용되지 않은 스타일이 적용되지만 적용되지 않은 클래스의 우물에서 적용되지 않는 스타일이 적용된다는 것을 알 수 있습니다.
그리고 나서 ID 스페셜에서 하나가 적용됩니다.
그래서이 경우 ID가 이깁니다.
그래서 제가 언급했듯이 이것이 어떻게 작동하는지에 대한 매우 구체적인 규칙이 있습니다.
그리고 나는 그들을 여기 아래로 작성했다.
그러나 실제로 저는 M.D에 가서 먼저이 기사에 대해 훌륭한 기사를 보여 주면서 읽고 특색이 어떻게 산출되는지에 대해 이야기 할 것을 강력하게 권고합니다.
그래서 그녀는이 색채가 될 수있는 3 가지 또는 4 가지 색이 있음을 알게됩니다.
어느 것을 골라야하는지 어떻게 알 수 있습니까?
그리고 실제로 계산을 실행하여 각 선택기에 숫자 값을 지정합니다.
여기에 숫자 값을 할당 한 다음이 숫자 값을 여기에 할당 한 다음이 값과이 값과 여기에 할당 할 것입니다.
그리고 우리가 알기에 이것 하나가 승리합니다.
그래서 실제 계산 방법은 정확한 수학을 실제로 알 필요는 없지만 여기에 보여 드리겠습니다.
우리가 실제로 뭔가를 온라인으로 입력 할 수있는 계산기가 있습니다.이 계산기는 특정 것이 무엇인지를 알려줍니다.
그래서 모든 동맹국을 선택하면 특이점이 있다는 것을 알게 될 것입니다.
이제 그 클래스 하이라이트를 뜯어보고 ​​10의 특수성만큼 구체적으로 10 배를 시도해 봅시다.
그래서 수업 1을 통해 거짓말을합니다.
그리고 그 이유는이 엘레멘트가 실제로 노랑색을 띠고 있기 때문에 그 엘레멘트가 실제로 노랗다.
이제 우리가 가서 아이디를 추가하면됩니다.
또는 우리가 당신이 볼 수있는 스페셜이라고 부르는 것은 법적인 태그보다 100 배 더 구체적입니다.
그래서 하나가 이기면 클래스를 이깁니다.
그래서 여기에서 기본 규칙은 요소 선택자 태그 이름이 매우 구체적이지 않은 클래스 선택기가 훨씬 더 구체적이고 ID가 가장 구체적이라는 것입니다.
또한 ID 하나에 국한되지 않음을 알려 드리겠습니다.
그래서 우리가 더 구체적인 것이 무엇인지 알고 싶다고합시다.
나는 그 안에 계급과 또 다른 계급이있다.
그래서 이것은 Selecta의 후손입니다. 이것은 단지 20 개의 특이성을 지닌 것입니다.
그리고 아이디가 하나뿐이라면. 그것은 100 가지의 특이성입니다.
다시 한번 나는 당신이 사이트를 항상 사용하고 숫자를 계산할 필요가 있다고 생각하지 않기를 바란다.
그건 중요하지 않습니다.
당신이 알 필요가있는 모든 것은 규모의 순서입니다. 그래서 여기에서 저의 노트로 가서 타입 선택기를 작성하도록하십시오.
그래서 그것은 ATF가 있거나 심지어 인접한 선택자를 가진 이것 또는 동맹국처럼 보일 것입니다.
따라서 이러한 선택자는 그다지 구체적이지 않습니다.
그러나 올해에도 이것이 이것보다 더 구체적 일 것입니다.
우리가 참조하는 두 가지 요소가 있기 때문에 이것보다 더 구체적 일 것입니다.
그래서 우리가 실제로 그것을 계산한다면 이것은 하나의 특이성입니다.
그리고 이것은 두 가지입니다.
다음 단계는 수업입니다.
따라서 이것은 이것들 중 어느 것보다 10 배 더 크거나 더 큰 규모의 순서가 될 것입니다.
속성 선택 자도 마찬가지입니다.
그래서 우리는 입력 타입이 텍스트와 같고 호버 (hover)와 같은 것들 인 pseudo class selector를 가지고 있습니다.
커서를 가져 가거나 입력 된 태그 및이 콜론이있는 것과 같은 다른 것들.
그리고 가장 중요한 것은 I.D. 선택자.
그리고 이것은 여기에있는 선택 자보다 더 큰 또는 더 특정한 크기의 또 다른 순서가 될 것입니다.