a
태그 사용하기a
태그 작성법 a:hover, link, visited, active {
}
기본적인
a
태그에서 적혀있는 상태에 따라 다른 css 스타일을 적용시킨다.
상태 | 설명 | tip |
---|---|---|
link | 방문 전 링크 상태 | |
visited | 방문 후 링크 상태 | |
hover | 마우스 오버 되었을 때 | 다른 selector에 사용 가능 |
active | 마우스 클릭 되었을 때 | 다른 selector에 사용 가능 |
a[href^="Won"] {
}
href=""
에서 링크가Won
으로 시작되는a
태그를 선택한다.
a[href$="com"] {
}
href=""
에서 링크가com
으로 끝나는a
태그를 선택한다.
a[href*="on"] {
}
href=""
에서 링크가on
이 포함된a
태그를 선택한다.