HTML의 한 요소에 여러 CSS 클래스 사용

CSS를 더 빠르게 생성하려면 단일 HTML 요소에 여러 클래스를 할당하고 각 클래스의 스타일을 개별적으로 지정할 수 있습니다. 이 접근 방식을 사용하면 스타일 적용 시 중복성을 관리할 수 있습니다. 많은 클래스에 공통 스타일을 적용하고 특정 카테고리에 카테고리별 스타일을 적용할 수 있습니다.

문법

예

아래 예에서는 “Varma” 클래스의 스타일을 사용하여 두 개의 단락에 적용하고, 두 번째 단락에는 secondclass varma1의 스타일을 적용했습니다.

위 스크립트를 실행한 후 결과가 생성됩니다. 이는 두 개의 CSS 스타일이 있는 "Welcome to tutorialspoint" 텍스트와 단일 CSS 스타일이 있는 "Hello everything" 텍스트의 조합입니다.

예: 자바스크립트 사용

다음 예에서는 .bg-blue 스타일과 .text-white 스타일을 선언하여 단일 텍스트에 두 가지 스타일을 추가합니다.

실행되면 스크립트는 "Welcome to Tutorial Point"라는 두 가지 CSS 스타일이 적용된 텍스트 출력을 생성합니다.

위 내용은 HTML의 한 요소에 여러 CSS 클래스 사용의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!