Hi

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

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>


'WEB(웹)' 카테고리의 다른 글

(html) <dl>, <dt>, <dd> 태그  (0) 2018.06.02
사용자 동작에 반응하는 가상 클래스  (0) 2018.06.01
(css) [속성 |= 값] 선택자  (0) 2018.06.01
(css) [속성 ~= 값] 선택자  (0) 2018.06.01
(css) [속성] 선택자  (0) 2018.06.01
'WEB(웹)' Related Articles more