여러 클래스에 동시에 스타일 적용
CSS에서는 동일한 속성을 여러 클래스에 적용하는 것이 바람직한 경우가 많습니다. 이는 클래스 이름을 쉼표로 구분하여 속성이 적용되는 클래스 목록을 효과적으로 생성함으로써 달성할 수 있습니다.
예를 들어 동일한 margin-left 속성을 두 클래스에 적용하는 다음 CSS 스니펫을 고려해 보세요. , ".abc" 및 ".xyz":
<code class="css">.abc, .xyz {
margin-left: 20px;
}</code>이 코드를 사용하면 .abc 및 .xyz 클래스 모두 왼쪽 여백 값이 20픽셀로 동일해집니다.
이것은 유사한 목적을 제공하는 여러 클래스에 동일한 속성을 적용하려는 경우 접근 방식이 특히 유용할 수 있습니다. 스타일을 단일 규칙으로 통합하면 코드 반복을 방지하고 CSS를 더욱 효율적으로 만들 수 있습니다.
제공된 예에서:
<a class="abc">Lorem</a> <a class="xyz">Ipsum</a>
둘 다 요소의 왼쪽 여백은 .abc, .xyz { margin-left: 20px; 결합된 규칙으로 인해 20픽셀입니다. }.
위 내용은 동일한 CSS 속성을 여러 클래스에 동시에 적용하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
