CSS 스타일을 무효화하는 방법: 1. 요소 이름을 변경하여 이 영역의 CSS를 무효화합니다. 2. 우선순위가 높은 CSS 스타일을 설정하여 이 CSS 스타일을 무효화합니다.
이 튜토리얼의 운영 환경: windows7 시스템, CSS3 버전, DELL G3 컴퓨터.
CSS 스타일을 무효화하는 방법:
1. 요소 이름을 변경하면 이 영역에서 CSS를 무효화하는 목적을 달성할 수 있습니다.
위와 같이 #notice에 대해 별도의 스타일을 설정한 경우 다음을 수행할 수 있습니다. 스타일을 취소하려면 요소 #공지 이름을 변경하세요
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script type="text/javascript"> $(function() { $("#notice").attr("id", "notice00"); }); </script>
둘째, 우선순위가 높은 CSS 스타일을 설정하여 이 CSS 스타일을 덮어쓰고 무효화하세요
스타일 우선순위를 높이려면 !important를 사용하세요.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> .aa{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FF0000 !important } .bb{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; background-color: #FF0000; } </style> </head> <body> <div class="aa" style="background-color:#cc6600;font-size:16px;">中Class中包括:!important的样式 </div> <div class="bb" style="background-color:#cc6600">不包括的样式</div> </body> </html>
렌더링:
관련 튜토리얼 권장 사항: CSS 비디오 튜토리얼
위 내용은 CSS 스타일을 무효화하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!