2012-04-06 2 views
-2

다음 코드는 의도 한 기능을 전시한다 행동하지 가상 클래스 선택 :HTML/CSS : 예상대로

<head> 
     <style> 
     a:active 
     { 
      color:teal; 
     } 
     a:hover 
     { 
      color:green; 
... 
... 
... 

    <body> 
     <a href="http://www.google.co.uk">Googs!</a> 
... 

See entire code here

+2

여기에는 문제가 표시되지 않습니다. http://jsfiddle.net/jfeltis/8GVNp/1/ – Joe

+0

무엇이 보이기를 기대합니까? 너 뭐가 보이니? –

+0

@Joe 글쎄, 당신은 규칙을 바꿨습니다': P' –

답변

2

CSS 규칙을 전환하십시오.

... 
a:hover{color: #000;} 
a:active{color: #c0c0c0;} 
... 
+0

알맞은 순서대로 링크, 호버, 활성 (및 방문한) 순입니다. 왜 그렇습니까? 모든 문서에 대한 포인터 ...? –

+0

@popstack 다음은 CSS 우선 순위 작동 방식에 관한 기사입니다. http://css-tricks.com/specifics-on-css-specificity/ – Joe

0

그것은 외모와 I는 생략 부호가 닫는 대괄호를 나타냅니다 가정합니다. 다른 스타일로 페이지 아래로 캐스케이드를 무시하고 있습니까? 또한 스타일 태그를 자세히 설명하는 것이 더 좋습니다.

<style type="text/css"> 
+1

HTML5가 공식적으로이를 설정하기 전에도 브라우저는 항상 기본 유형으로''text/css ''를 사용 했으므로 절대 필요하지 않았습니다. 그렇지 않으면 인라인 스타일 속성을 가질 수 없습니다! –

+0

@Sean, 전체 코드 (편집/추가) 및 질문 –

+0

죄송합니다. 내 잘못이야. 아직도 포럼에 새로운. 네가 소트 된 것 같아. 행운을 빕니다. – Sean

관련 문제