WEB(웹)

(css) [속성 ^= 값] 선택자

SharingWorld 2018. 6. 1. 14:54
[속성 ^= 값] 선택자

[속성 ^= 값] 선택자

특정 값으로 시작하는 속성에 스타일 적용하기

기본형 - [속성 ^= 값]

지정한 문자로 시작하는 속성 값에 대해서만 스타일을 적용합니다.

<style>
    a[title ^="eng"] {  
      background: url(images/us.png) no-repeat left center;  
  padding: 5px 25px;  
  }  
   a[title ^="jap"] {  
      background: url(images/jp.png) no-repeat left center;  
  padding: 5px 25px;  
  }  
   a[title ^="chin"] {  
      background: url(images/ch.png) no-repeat left center;  
  padding: 5px 25px;  
  }  
</style>   
  
<body>  
 <ul> <li>외국어 서비스 : </li>  
 <li><a href="#" title="english">영어</a></li>  
 <li><a href="#" title="japanese">일본어</a></li>  
 <li><a href="#" title="chinese">중국어</a></li>  
 </ul> </body>