CSS3의 클래스 선택자는 무엇입니까?

CSS3에서 클래스 선택자는 문서 요소와 독립적인 방식으로 스타일을 지정할 수 있는 클래스 선택자를 의미하며 요소 그룹의 스타일을 설명하는 데 사용되며 여러 요소에서 사용할 수 있습니다. 클래스 선택기는 HTML의 클래스 속성과 CSS의 점 "."으로 표시됩니다.

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

CSS3에서 클래스 선택자란 가장 기본적인 선택자 중 하나인 클래스 선택자를 말합니다.

클래스 선택기를 사용하면 문서 요소와 독립적인 방식으로 스타일을 지정할 수 있습니다. 클래스 선택기는 요소 그룹의 스타일을 설명하는 데 사용되며 여러 요소에서 사용할 수 있습니다.

클래스 선택기는 HTML의 클래스 속성으로 표시됩니다. CSS에서는 클래스 선택기가 점 "."으로 표시됩니다.

html code

<h1 id="标题居中">标题居中</h1>
<p class="center">段落居中。</p>

CSS code

.center{text-align:center;}

참고: 클래스 번호는 다음과 같을 수 없습니다. 이름의 첫 번째 문자로 사용됩니다! Mozilla나 Firefox에서는 작동하지 않습니다.

클래스 선택기는 단독으로 사용하거나 다른 선택기와 조합하여 사용할 수 있습니다.

.fancy td {
	color: #f60;
	background: #666;
}

위 예에서 클래스 이름이 fancy인 더 큰 요소 내부의 테이블 셀은 회색 배경에 주황색 텍스트를 표시합니다. (fancy라는 이름의 더 큰 요소는 테이블이나 div일 수 있습니다.)

td.fancy {
	color: #f60;
	background: #666;
}

위의 예에서 클래스 이름이 fancy인 테이블 셀은 회색 배경에 주황색입니다.

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

위 내용은 CSS3의 클래스 선택자는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!