html - Apply style only to anchors defining links -

मेरे पास यह है

  & lt; a href = "http: //www.lipsum .com / "target =" _ blank "& gt; LIPSUM & lt; / a & gt; & Lt; h1 & gt; & Lt; a href = "# पहले" & gt; अध्याय 1 & lt; / a & gt; & Lt; / h1 & gt; & Lt; h1 & gt; & Lt; a href = "# सेकंड" & gt; अध्याय 2 & lt; / a & gt; & Lt; / h1 & gt; & LT; h2 & gt; & Lt; एक नाम = "पहले" & gt; पहला भाग & lt; / a & gt; & Lt; / h2 & gt; & LT; h2 & gt; & Lt; एक नाम = "दूसरा" & gt; एक दूसरा भाग & lt; / a & gt; & Lt; / h2 & gt;  

प्लस यह

  a: होवर {रंग: नारंगी}  

मैं इसे कैसे सेट कर सकता हूं ताकि & lt; h2 & gt; टैग (पिछले 2) जब मैं उनके ऊपर घुमाते हैं तो क्या वे रंग नहीं बदलेगा? क्योंकि मुझे अभी भी एंकर टैग की आवश्यकता है।

एक विकल्प & lt; h2 & gt;

अभिभावक "झूठे" डेटा-बैबल = "झूठे">

 : नहीं (h2) & gt; A: होवर {रंग: नारंगी; }  

  & lt; a href = "http://www.lipsum.com/" target = " _blank "& gt; LIPSUM & lt; / a & gt; & Lt; h1 & gt; & Lt; a href = "# पहले" & gt; अध्याय 1 & lt; / a & gt; & Lt; / h1 & gt; & Lt; h1 & gt; & Lt; a href = "# सेकंड" & gt; अध्याय 2 & lt; / a & gt; & Lt; / h1 & gt; & LT; h2 & gt; & Lt; एक नाम = "पहले" & gt; पहला भाग & lt; / a & gt; & Lt; / h2 & gt; & LT; h2 & gt; & Lt; एक नाम = "दूसरा" & gt; एक दूसरा भाग & lt; / a & gt; & Lt; / h2 & gt;  

जहां & gt; प्रत्यक्ष वंशज (बाल) संयोजक है

एक बच्चे संयोजक दो तत्वों के बीच बचपन के संबंध का वर्णन करता है। एक बच्चे संयोजक "अधिक से अधिक संकेत" (यू + 003 ई,>) चरित्र से बना है और सरल चयनकर्ताओं के दो अनुक्रमों को अलग करता है।

यह छद्म-वर्ग और नए को ध्यान में रखना महत्वपूर्ण है & lt; a & gt;

पर नाम विशेषता से बचें

आपको यह ध्यान रखना चाहिए कि नाम HTML5 में विशेषता इसके बजाय आप id का उपयोग करने के लिए एक तत्व में कर सकते हैं।

इसलिए आप अनावश्यक और gt; से छुटकारा पा सकते हैं,

  a: होवर {रंग: नारंगी; }  

  & lt; a href = "http://www.lipsum.com/" target = " _blank "& gt; LIPSUM & lt; / a & gt; & Lt; h1 & gt; & Lt; a href = "# पहले" & gt; अध्याय 1 & lt; / a & gt; & Lt; / h1 & gt; & Lt; h1 & gt; & Lt; a href = "# सेकंड" & gt; अध्याय 2 & lt; / a & gt; & Lt; / h1 & gt; & Lt; h2 id = "पहले" & gt; पहला भाग & lt; / h2 & gt; & Lt; h2 id = "second" & gt; एक दूसरा भाग & lt; / h2 & gt;  

---

वैकल्पिक रूप से, यदि किसी कारण से आप वर्तमान मार्कअप के साथ छड़ी करना चाहेंगे, जैसे कि आईई 8 और पुराने जैसे लीगेसी वेब ब्राउज़र के लिए, आप या तो घोषणा को ओवरराइड कर सकते हैं:

  h2 & gt; A: होवर {रंग: नीला; }  

या लक्ष्य href वाले केवल & lt; ए & gt; तत्व; अर्थात। केवल लिंक्स चुनें।

  ए [href]: होवर {रंग: नारंगी; }  

  & lt; a href = "http://www.lipsum.com/" target = " _blank "& gt; LIPSUM & lt; / a & gt; & Lt; h1 & gt; & Lt; a href = "# पहले" & gt; अध्याय 1 & lt; / a & gt; & Lt; / h1 & gt; & Lt; h1 & gt; & Lt; a href = "# सेकंड" & gt; अध्याय 2 & lt; / a & gt; & Lt; / h1 & gt; & LT; h2 & gt; & Lt; एक नाम = "पहले" & gt; पहला भाग & lt; / a & gt; & Lt; / h2 & gt; & LT; h2 & gt; & Lt; एक नाम = "दूसरा" & gt; एक दूसरा भाग & lt; / a & gt; & Lt; / h2 & gt;