Css 위조 클래스
링크의 색상을 지정하려면 다음과 같이 하십시오.
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;
}이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
