한 번에 여러 클래스에 스타일을 적용하는 방법은 무엇입니까?

여러 클래스에 스타일을 한 번에 적용하기 위해 점(.) 선택기와 쉼표(,)를 사용하겠습니다. 이 기사에서는 점(.) 선택기를 사용하고 클래스 이름이 있는 모든 요소를 ​​선택하겠습니다. 선택기를 사용하고 쉼표(,)로 구분합니다.

"클래스"는 공백으로 구분된 클래스 목록을 허용하는 HTML 속성입니다. 이러한 클래스는 CSS에서 특정 요소의 스타일을 지정하거나 JavaScript에서 이러한 HTML 요소를 조작하는 데 사용할 수 있습니다.

예 1

이 예에서는 "header" 및 "para" 클래스가 있는 HTML 요소에 글꼴 색상 "red"를 적용하고 점(.) 선택기를 사용하여 이를 쉼표(,)로 연결합니다.

으아악

예 2

이 예에서는 클래스 이름이 "header" 및 "para"인 HTML 요소에 글꼴 색상을 "green"으로, 글꼴 스타일을 "italic"으로 적용합니다. 이를 달성하기 위해 점(.) 선택기를 사용하고 이를 쉼표(,)로 연결합니다.

으아악

결론

이 글에서는 먼저 여러 CSS 클래스를 한 번에 적용하는 방법을 배웠습니다. CSS에서 제공하는 점(.) 선택기를 사용하여 한 번에 여러 클래스를 선택한 다음 스타일시트에서 필요한 스타일을 할당했습니다. .

위 내용은 한 번에 여러 클래스에 스타일을 적용하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!