2012-03-18 3 views
2

에 대한 CSS 스타일을 적용하는 것입니다 내 코드 :어떻게 현재 페이지 링크 여기

마우스 커서가 기본이 아닌 손을 사용할 수 있도록 내가 현재 페이지 링크에 대한 클래스를 적용 할 수 있는가?

모든 커서에서 기본 커서를 사용하고 싶지 않습니다. 활성 목록 항목에 클래스를 적용한 다음 기본 커서 (예 : "Home"index.html)를 사용하면 홈 페이지에있을 때 홈에 기본 커서가 사용됩니다. 감사!

+0

사이트 변경 페이지 (한 페이지 이상 사용)는 무엇입니까? 또는이 "단일 페이지"사이트 중 하나입니까? – Joseph

+0

어느 시점에서 세 페이지를 갖게 될 것입니다. 죽은 링크를 원하지 않았으므로 모든 메뉴 항목에 index.html을 사용했습니다. – Ibanez

+0

': target' 의사 선택기를 살펴보십시오. http://thinkvitamin.com/design/stay-on-target/ –

답변

2

Here's a demo


첫 번째는, 당신은 당신이에서 어떤 페이지 구분을 제공, 모든 페이지에 "ID 몸을"이 필요합니다.

//when at home page 

<body id="home"> //or services or contact 
    <ul id="navigation"> 
     <li class="home"> 
      <a> and so on... 
     <li class="services"> 
      <a> and so on... 

"현재"페이지에 대한 클래스를 추가해야합니다.

//if literally spoken, it's "when at 'this' page, style the link with 'this' class" 

#home .home,   //style the home link as "current" when body ID is "home" 
#services .services, //style services link as "current" when body ID is "services" 
#contact .contact {  //style contact link as "current" when body ID is "contact" 
    //styles when current 
} 
+0

너희들이 날 이해하지 못하는 것 같아. 모든 커서에 기본 커서를 사용하고 싶지 않습니다. 활성 목록 항목에 클래스를 적용한 다음 기본 커서 (예 : "Home"index.html)를 사용하면 홈 페이지에있을 때 홈에 기본 커서가 사용됩니다. 감사! – Ibanez

+0

이 (가) 내 게시물을 업데이트했습니다. – Joseph

+0

미안하지만 조셉, 나는 당신이 무엇을하려고하는지 전혀 모른다. 현재 페이지의 각 목록 항목에서 href를 제거하는 것이 더 쉬울 것입니다. – Ibanez

1

당신은 default 내가 당신이 원하는 가정 무엇 인 당신에게 화살표를 줄 것이다, 대부분의 경우

cursor: default; 

그래서 뭔가

#list2 a span:hover { 
    cursor: default; 
} 

처럼 호버 상태에이를 추가 할 수 있습니다. 여기

자세한 내용 : http://reference.sitepoint.com/css/cursor

+0

너희들이 날 이해하지 못하는 것 같아. 모든 커서에 기본 커서를 사용하고 싶지 않습니다. 활성 목록 항목에 클래스를 적용한 다음 기본 커서 (예 : "Home"index.html)를 사용하면 홈 페이지에있을 때 홈에 기본 커서가 사용됩니다. 감사! – Ibanez

+1

질문에 사용 된 단어 "active"가 분명히 모호했습니다. 우리의 오해는 나쁜 용어로 인한 것입니다. – BalusC

+0

아마도 내 나쁜 용어 였을 것입니다. 당신이 나를 이해 했으니 까, 내 자리에 대한 해결책이 있니? – Ibanez

1

CSS cursor 속성을 사용하려고합니다. http://www.w3schools.com/cssref/pr_class_cursor.asp

시도 :

div#nav ul li a { 
cursor:default; 
} 
+0

여러분이 저를 이해하는 것을 놓치고있는 것 같아요. 모든 커서에 기본 커서를 사용하고 싶지 않습니다. 활성 목록 항목에 클래스를 적용한 다음 기본 커서 (예 : "Home"index.html)를 사용하면 홈 페이지에있을 때 홈에 기본 커서가 사용됩니다. 감사! – Ibanez