2012-02-06 8 views
7

का उपयोग कर रहा href = # आईडी के साथ विभिन्न लंगर टैग नहीं है और मैं उन सभी के लिए एक सामान्य सीएसएस नियम का उपयोग कर उन्हें छिपाने के लिए की जरूरत है href #ID द्वारा एक लंगर टैग को छिपाने के लिए कैसे,सीएसएस

Content xxxxxxxxx <a href="#tab1">Table 1</a>.Content xxxxxxxxxxxx <a href="#tab2">Table 2</a> 

मैं था इस तरह कुछ उपयोग करने की कोशिश कर रहा है:

#wrap a='#tab1'{ 
display:none; 
} 

कोई विचार यह कैसे करना है?

उत्तर

14

का उपयोग करके देखें विशेषता चयनकर्ताओं:

a[href='#tab1']{ display: none } 

या यहां तक ​​कि बस

[href='#tab1']{ display: none } 

http://www.w3.org/TR/CSS2/selector.html

+1

लेकिन अगर एंकर का प्रदर्शन होता है: कोई नहीं 'यह अब सक्रिय नहीं है (यानी, इस एंकर के लिंक पर क्लिक करना उदास नहीं होगा)। और 'दृश्यता: छुपा' के साथ एंकर अभी भी एक ही स्थान का उपयोग करता है। इसका कोई समाधान? – roesslerj

+0

मुझे टिप्पणी नहीं आती है: क्यों आप चाहते हैं कि कोई उपयोगकर्ता छिपे हुए लिंक पर क्लिक करने में सक्षम हो? – graphicdivine

+0

लिंक स्वयं छिपा हुआ नहीं है, केवल एंकर जो इसका संदर्भ देता है। समस्या यह थी कि (एचटीएमएल उत्पन्न करने वाली प्रणाली में) मेरे पास उस मूल पाठ तक पहुंच नहीं थी जिसे मैं स्क्रॉल करना चाहता था और मैं एंकर लगाने में सक्षम होने के लिए कुछ अतिरिक्त टेक्स्ट जोड़ना नहीं चाहता था। – roesslerj

0

मान लिया जाये कि #wrap एक माता पिता के एक आईडी है, तो आप उपयोग कर सकते हैं:

/* Hide all anchor tags which are children of #wrap */ 
#wrap a{ display:none; } 

/* Hide all anchor tags which are direct children of #wrap */ 
#wrap > a{ display:none; } 

/* Hide a specific anchor tag (Probably won't work in IE6 though) */ 
a[href="#tab1"]{ display:none; } 
11

क्यों न केवल अपने एंकरों के लिए सीएसएस कक्षा बनाएं और उन्हें उस वर्ग का उपयोग करके छुपाएं?

<a href="#tab1" class="hiddenTab">foo</a> 

और अपने सीएसएस में:

a.hiddenTab {visibility:hidden; display:none;} 

सभी एंकर आप को छिपाने के लिए बस का प्रयोग करेंगे चाहते हैं "class = 'hiddenTab'"

+0

सही उत्तर :) .. – Hitesh

1

आप सभी एक टैग को छिपाना चाहते हैं जो href सेट है, तो आप ऐसा कर सकते हैं:

a[href] { display: none; } 
2

a[href*="#"] {display: none;} यह उपयोग करने का प्रयास चयनकर्ताओं एक लंगर की href विशेषता में एक # दिखाता है और अगर पाया यह शैली

लागू होता है आप किसी अन्य तरीके से उपयोग कर सकते हैं header a[href*="#"] {display: none;} जैसे तो तुम ऐसा नहीं गड़बड़ साइट पर सभी एंकर!