CSS 스타일 가중치에 대한 자세한 소개

인라인 스타일>내부 스타일 시트>외부 스타일 시트
예외: 단, 외부 스타일 시트가 내부에 배치된 경우 아래에 스타일 시트가 인용되어 있으므로 외부 스타일 시트 > 내부 스타일 시트
1, 인라인 스타일 시트의 가중치는 1000입니다.
2, ID 선택자의 가중치는 100입니다.
3, 클래스 클래스 선택자의 가중치는
4입니다. HTML 태그 선택기의 가중치는 1입니다.
구체적인 코드는 다음과 같습니다:

nbsp;html>  
      
      
        <meta>  
        <title>CSS样式权值</title>  
        <style>  
            body{   
                font-size: 20px;   
                font-weight: 900;    
            }   
            h3{   
                color: yellow;   
            }   
            #redP p{   
                /*权值100+1=101*/   
                color: #f00;   
                /*红色*/   
            }   
            #redP p.red em{   
                /*权值100+1+10+1=112*/   
                color: #00f;   
                /*蓝色*/   
            }   
            #redP .red em{   
                /*权值100+10+1=111*/   
                color: #0ff;   
                /*亮蓝色*/   
            }   
      
      
            #redP p span em{   
                /*权值100+1+1+1=103*/   
                color: #ff0;   
                /*黄色*/   
            }   
        </style>  
        <link>  
      
      
        <h3 id="例外-外部样式表-gt-内部样式表">例外:外部样式表>内部样式表</h3>  
        <p>  
            </p><p>  
                <span>  
                    <em>emred</em>  
                </span>  
            </p>  
            <p>red</p>  
          
      
    

위 내용은 CSS 스타일 가중치에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!