CSS의 복합 선택기 - 유사 선택기
위조 선택기는 특정한 선택기에 특수한 효과를 추가하거나 첫 번째를 선택하는 데 사용되며 n번째 원소인 위조 선택기의 가장 큰 특징은 사칭(:)을 사용하는 것이다. 예를 들어:hover,:first-child이다.위류 선택기가 매우 많기 때문에 예를 들어 링크 위류, 구조 위류 등이 있기 때문에 여기서 먼저 사람들에게 자주 사용하는 링크 위류 선택기를 설명한다.
링크 위조 클래스 선택기
키워드
a:link /* */
a:visited /* */
a:hover /* */
a:active/* （ ）*/
사용 방법, 예:
<body>
<a href="#">aaaaaaaaaaaaaaaaaaaa>
<style>
/* a:link （ ） */
a:link {
color: #333;
text-decoration: none;
}
/* a:visited */
a:visited {
color: orange;
}
/* a:hover*/
a:hover{
color: blue;
}
/* a:active */
a:active {
color: green;
}
style>
body>
주의 사항
1. 효력을 확보하기 위해 LVHA의 순서에 따라 링크,:visited,:hover,:active.2. a 링크는 브라우저에서 기본 스타일을 가지기 때문에 우리는 실제 작업에서 링크에 단독으로 스타일을 정해야 한다.
: focus 위조 클래스 선택기
: 포커스 위조 클래스 선택기는 초점을 얻은 폼 요소를 선택하는 데 사용됩니다.초점은 바로 커서로 일반적인 상황에서 폼 요소를 얻을 수 있기 때문에 이 선택기는 주로 폼 요소를 대상으로 한다.
예:
input:focus {
background-color:yellow;
}
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
CSS의 복합 선택기 - 유사 선택기위류 선택기 위조 선택기는 특정한 선택기에 특수한 효과를 추가하거나 첫 번째를 선택하는 데 사용되며 n번째 원소인 위조 선택기의 가장 큰 특징은 사칭(:)을 사용하는 것이다. 예를 들어:hover,:first-chi...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
