CSS에서 의사 클래스와 의사 객체는 무엇을 의미합니까?

CSS에서 의사 클래스는 요소의 특수한 상태를 정의하는 것을 의미합니다. CSS 내장 클래스에서 제공하는 일부 기능은 특정 요소에 특수 효과를 추가하는 것입니다. 선택자는 실제 요소를 추가하여 효과를 얻을 수 있음을 의미합니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

css에서 의사 클래스와 의사 객체의 의미는 무엇입니까?

pseudo-classes

css 의사 클래스는 요소의 특수 상태를 정의하는 데 사용됩니다.

CSS 의사 클래스는 특수 항목을 추가하는 데 사용됩니다. 일부 선택기의 효과

설명: 의사 클래스는 동적일 수 있고 사용자가 문서와 상호 작용할 때 요소는 의사 클래스를 얻거나 잃을 수 있는 것처럼 느껴집니다. 예외는 문서 트리에서 추론할 수 있는 ":first-child"와 경우에 따라 문서 트리에서도 추론할 수 있는 ":lang"입니다.

그 기능은 클래스와 다소 비슷하다고 볼 수 있지만, 문서 외부의 추상화에 기반을 두고 있으므로 의사 클래스라고 합니다. [1]

의사 클래스에는 다음이 포함됩니다: :first-child, :link:, Visited, :hover:, :active, :focus, :lang, :right, :left, :first

가상 클래스란 무엇입니까? CSS입니다. 내장 클래스 CSS 자체는 몇 가지 기능을 제공합니다. 즉, class=... 또는 id=....를 추가하지 않고 직접 사용할 수 있습니다. 물론 일부 속성을 변경할 수도 있습니다. 예: a:link {color:#FF0000;}

많은 CSS 제안이 브라우저에서 지원되지 않지만 하이퍼링크에 안전하게 사용할 수 있는 4개의 의사 클래스가 있습니다.

의사 클래스 구문:

selector:pseudo-class {
  property: value;
}

의사 개체

의사 요소: 특정 선택기에 특수 효과를 추가하는 데 사용됩니다.

css 의사 요소는 요소의 하위 요소를 나타냅니다. 이 하위 요소는 논리적으로 존재하지만 존재하지 않습니다. 실제로 문서 트리에 존재합니다.

의사 요소는 문서 트리에 없는 일부 요소를 만들고 해당 요소에 스타일을 추가하는 데 사용됩니다. 실제로 의사 요소는 특정 요소 전후에 일반 선택기로 수행할 수 없는 작업입니다. 컨트롤의 내용은 요소와 동일하지만 그 자체는 요소 기반 추상화이며 문서 구조에 존재하지 않습니다. 예를 들어 :before를 사용하여 요소 앞에 텍스트를 추가하고 이 텍스트에 스타일을 추가할 수 있습니다.

의사 요소 구문:

selector::pseudo-element{property:value;}
标签：伪元素{性质:值;}

CSS 클래스는 의사 요소와 함께 사용할 수도 있습니다.

selector.class::pseudo-element{property:value;}
标签类：伪元素{性质:值;}

(동영상 공유 학습: css 동영상 튜토리얼)

위 내용은 CSS에서 의사 클래스와 의사 객체는 무엇을 의미합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!