웹 프런트엔드의 클래스 선택기는 클래스 이름을 통해 페이지에서 이 클래스 이름 태그가 있는 선택기를 찾는 것입니다. 클래스 선택기는 일련의 태그에 대해 동일한 표시 방법을 정의하는 데 사용됩니다. ".class name { css attribute Name: attribute value;}"입니다. 여기서 클래스 이름은 숫자, 문자, 밑줄, 밑줄로 구성할 수 있지만 숫자나 밑줄로 시작할 수 없습니다.
이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
클래스 선택자는 일련의 태그에 대해 동일한 표시 방법을 정의하는 데 사용됩니다. 일반적으로 사용되는 구문은 .classValue{property:value}입니다. 여기서 classValue는 CSS 작성자가 직접 명명한 클래스 선택기의 이름입니다.
클래스 선택기
구조:
.类名 { css属性名:属性值; }기능:
클래스 이름을 통해 페이지에서 이 클래스 이름이 포함된 모든 태그를 찾고 스타일을 설정하세요
참고:
모든 태그에는 class 속성이 있습니다. class 속성의 속성 값을 클래스 이름이라고 합니다(이름과 유사)
클래스 이름은 숫자, 문자, 밑줄, 밑줄로 구성될 수 있습니다. 숫자나 밑줄로 구성할 수 없습니다.
레이블은 동시에 여러 클래스 이름을 가질 수 있으며 공백으로 구분됩니다.
클래스 이름은 반복될 수 있으며 클래스 선택기는 여러 레이블을 선택할 수 있습니다. 동시에
지식 확장
웹 프론트엔드에서 흔히 사용되는 선택자는 무엇인가요?
첫 번째는 요소라고도 불리는 라벨 선택자입니다. 선택자. 태그 선택기의 기본 형식은 tagName{property:value}입니다. 여기서 tagName은 태그 이름이고 property는 CSS 속성입니다.
두 번째 유형은 클래스 선택기입니다. 클래스 선택기는 일련의 태그에 대해 동일한 표시 방법을 정의하는 데 사용됩니다. 일반적으로 사용되는 구문은 .classValue{property:value}입니다. 여기서 classValue는 CSS 작성자가 직접 명명한 클래스 선택기의 이름입니다.
세 번째 유형은 ID 선택기입니다. ID 선택기는 웹 페이지에서 하나의 태그 또는 요소만 특정 ID의 속성 값을 사용합니다. ID 선택기의 기본 구문 형식은
#idValue{property:value}입니다. 여기서 idValue는 CSS 작성자가 직접 작성할 수 있는 ID 선택기의 이름입니다.
네 번째 유형은 전역 선택기입니다. 전역 선택기는 모든 htmlz 요소에서 작동합니다. 구문 형식은 *{propery:value}입니다. 그 중 "*"는 모든 요소에서 작동함을 의미하고, property는 CSS 속성, value는 속성 값을 의미합니다.
다섯 번째 유형은 결합 선택자로서, 여러 선택자를 결합하여 복합 선택자(결합 선택자라고도 함)를 형성하는 것입니다.
여섯 번째 방법은 선택자를 상속하는 것입니다. 상속 규칙은 하위 태그가 정의되지 않은 경우 상위 태그의 선택자를 상속한다는 것입니다. 실행됩니다.
7번째 유형은 의사 클래스 선택자로서 주로 레이블에 사용됩니다. 방문하지 않은 링크(링크), 방문한 링크(방문함), 활성화된 링크(활성) 및 마우스 오버 연결( 호버).
【관련 추천: javascript 비디오 튜토리얼, web front-end】
위 내용은 웹 프론트엔드의 클래스 선택기란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!