एचटीएमएल

Question

में ध्यान केंद्रित करने के लिए लंगर सीएसएस शैली को जोड़ने के लिए पेज 1 वहाँ पर एक लिंक है जो पृष्ठ पर एक निश्चित बिंदु पर ले जाता है 2

<a href="page2.html#position">MY TEXT HERE</a>

यह आपको सीधे लंगर (स्थिति) पर करने के लिए ले जाता है निम्नलिखित कोड

<a name="position"> MORE TEXT HERE</a> 

अब, मेरा प्रश्न यह है कि #position URL में होने पर मैं टेक्स्ट और पृष्ठभूमि रंग कैसे बदल सकता हूं?

उदाहरण के लिए: www.domainname.com/page2.html#position

यह सीएसएस मैं थे, लेकिन काम नहीं करता है:

#position { 
color:#ff0000; 
background-color:#f5f36e; 
} 

यहाँ एक उदाहरण http://jsfiddle.net/jvtcj/2/

है आपका अग्रिम में ही बहुत धन्यवाद!

Answer 1

:target चयनकर्ता का उपयोग करें:

a:target, /* or simply */ 
:target { 
    /* CSS to style the focused/target element */ 
} 

आप एक विशेष तत्व की id का उपयोग कर, ध्यान प्राप्त करने के लिए बेहतर होगा के बाद से नामित-लंगर, निकाल दिया गया है करने के लिए करता है, तो पूरी तरह से पदावनत नहीं लग रहे हैं।

संदर्भ:

• CSS selectors, level 3।

Answer 2

<a name="position" class="position"> MORE TEXT HERE</a> 

का उपयोग कर कोशिश करते हैं और सीएसएस उपयोग

.position { 
color:#ff0000; 
background-color:#f5f36e; 
} 

http://jsfiddle.net/jvtcj/4/

Answer 3

में टैग को एक आईडी जोड़ें।

कैसे यहाँ आप CSS3 के :target peseudo का भी उपयोग करेंगे अपने उदाहरण

http://jsfiddle.net/h5NZh/

<a id="position" href="#position">MY TEXT HERE</a> 

Answer 4

का उपयोग कर आप देख सकते हैं: इसके अलावा http://blog.teamtreehouse.com/stay-on-target

, पुराने मिथक <a name="destination">...</a> का उपयोग नहीं करते, सभी आपको उस अनुभाग को id करना है जिस पर आप कूदना चाहते हैं, उदाहरण के लिए <section id="destination">...</section>

Answer 5

<a href="#position2" id="position">MY TEXT HERE</a> 
... 
<a name="position2" id="pos2"> MORE TEXT HERE</a> 

... सीएसएस में:

a[name=position2]:target{  
    background-color:green; 
}