CSS에서 여러 클래스의 스타일을 결합하는 방법은 무엇입니까?

여러 클래스의 스타일 결합

CSS에서는 클래스 이름이 다른 여러 요소에 동일한 스타일 속성을 적용하는 것이 바람직한 경우가 많습니다. 이렇게 하면 반복적인 코드가 필요하지 않습니다.

두 클래스 .abc 및 .xyz가 동일한 margin-left 속성을 갖는 다음 코드를 고려하세요.

<code class="css">.abc {
  margin-left: 20px;
}

.xyz {
  margin-left: 20px;
}</code>

이러한 스타일을 결합하려면 단일 규칙으로 만들려면 쉼표로 구분된 클래스 이름 목록을 사용하세요. 결과 규칙은 .abc 및 .xyz 모두에 동일한 속성을 적용합니다.

<code class="css">.abc, .xyz {
  margin-left: 20px;
}</code>

이 결합된 규칙을 사용하면 .abc 및 .xyz 요소 모두에 대한 margin-left 속성을 제어하여 코드 중복을 줄이고 유지관리성이 향상됩니다.

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