>  기사  >  웹 프론트엔드  >  스타일이 HTML에서 해당 요소의 상위 요소와 해당 요소의 하위 요소에만 적용되도록 지정하는 방법은 무엇입니까?

스타일이 HTML에서 해당 요소의 상위 요소와 해당 요소의 하위 요소에만 적용되도록 지정하는 방법은 무엇입니까?

PHPz
PHPz앞으로
2023-08-26 08:01:151244검색

스타일이 HTML에서 해당 요소의 상위 요소와 해당 요소의 하위 요소에만 적용되도록 지정하는 방법은 무엇입니까?

스타일이 상위 요소와 하위 요소에만 적용되도록 지정하려면 scoped 속성을 사용하세요. -

Example

<!DOCTYPE html>
<html>
   <head>
      <style>
         h2 {
            color:yellow;
         }
      </style>
   </head>
   <body>
      <div>
         <style scoped>
            h2 {
               color:grey;
            }
         </style>
         <h2>Grey Heading</h2>
      </div>
      <h2>Yellow Heading</h2>
   </body>
</html>

위 내용은 스타일이 HTML에서 해당 요소의 상위 요소와 해당 요소의 하위 요소에만 적용되도록 지정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 tutorialspoint.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제