Css 위조 클래스

1602 단어
1. active,hover,visited,link 위조 클래스
링크의 색상을 지정하려면 다음과 같이 하십시오.
a:link {color:#FF0000}     /*        */
a:visited {color:#00FF00}  /*        */
a:hover {color:#FF00FF}    /*            */
a:active {color:#0000FF}   /*        */

참고 사항:
(1) 예상한 효과를 내기 위해 CSS 정의에서 a:hover는 a:link와 a:visited 다음에 있어야 한다.
(2) 예상한 효과를 내기 위해 CSS 정의에서 a:active는 a:hover 다음에 있어야 합니다.
(3) Pseudo-class(위조 클래스)의 이름은 대소문자에 민감하지 않습니다.
(4) 위조 클래스는 CSS 클래스와 함께 사용할 수 있습니다.
 
2.first-child 위류
정의 및 사용법:first-child 위조 클래스가 원소의 첫 번째 하위 원소에 스타일을 추가합니다.
설명 이용:first-child라는 위류는 원소가 다른 원소의 첫 번째 하위 원소일 때만 일치할 수 있습니다.
예1: 모든

요소 중 첫 번째 요소와 일치

p em:first-child{
       font-weight:bold;
}
<p>I am a<em>strong</em> man. I am a <em>strong</em>man.</p>
<p>I am a<em>strong</em> man. I am a <em>strong</em>man.</p>

예2:
.testp:first-child{
       color: blue;
}
<divclass="test">
       <p>11111111111111111</p>
       <p>22222222222222222</p>
       <p>33333333333333333</p>
</div>

111111111111

의 스타일만 {color:blue;}
3. 포커스 위류
(1)focus 위조류는 원소가 초점을 얻을 때 원소에 특수한 스타일을 추가합니다.IE 브라우저에서는 이 속성을 지원하지 않습니다.이 위류가 초점이 있는 원소에 응용되었다는 것을 설명한다.
(2) 정해진 경우!DOCTYPE, 인터넷 Explorer 8 (더 높은 버전) 지원:focus 위조 클래스.
포커스를 받은 입력 필드의 색상을 지정합니다: (중요)
input:focus{
  color:yellow;
}

좋은 웹페이지 즐겨찾기