CSS 선택기를 사용하여 여러 클래스가 있는 요소 타겟팅
다음 HTML 구조를 고려하세요.
<div class="foo">Hello Foo</div> <div class="foo bar">Hello World</div> <div class="bar">Hello Bar</div>
선택적으로 스타일을 지정하려면 두 개의 특정 클래스를 소유한 요소는 다음 CSS를 활용합니다. 구문:
.foo.bar {
/* Styles for elements with both foo AND bar classes */
}제공된 예에서 이 선택기는 두 번째
<div class="foo bar">Hello World</div>
Internet Explorer 6에 대한 주의 사항
Internet Explorer 6은 연결된 클래스 선택기를 완전히 지원하지 않습니다. 결과적으로 IE6에서 앞서 언급한 CSS 규칙을 적용하면 마지막으로 지정된 클래스(.bar)가 있는 요소에만 스타일이 적용됩니다.
여전히 IE6을 지원하는 브라우저의 경우 여러 클래스가 있는 요소를 대상으로 지정하기 위한 대체 접근 방식을 사용하는 것이 좋습니다.
위 내용은 CSS 선택기를 사용하여 여러 클래스가 있는 요소의 스타일을 어떻게 지정할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
