[CSS] CSS 적용순서 (우선 순위)

인라인 스타일시트 > id셀렉터 > 클래스셀렉터 > 요소 스타일 순입니다

 

가장 먼저 인라인 스타일이 가장 마지막에 적용되서 최종적으로 나옵니다. 결국 힘이 더 쌔다는 의미죠

 

<div style="border-color: red;">
        
------------ 인라인 스타일 요소 --------
    
    
    #leftBanner{
   background-color: black;
   color:white;
   height :100%;
   
 }
 
 -------- id 셀렉터 -----------
 
     .leftBanner{
   background-color: black;
   color:white;
   height :100%;
   
 }
-------- 클래스 셀렉터 -----------

    <style>
        div{
            border-color:black; 
        border-width:10px; 
        border-style:solid;
    }
    </style>
    
-------- 요소 스타일 -----------