शीर्षक के रूप में, मैं .icon-*
का उपयोग कर आइकन जोड़ रहा हूं। जब एक हाइपरलिंक के लिए एक आइकन जोड़ने:: होवर: टेक्स्ट-सजावट से पहले कोई भी प्रभाव नहीं पड़ता है?
<a href="#" class="icon-email icon-large">Email me!</a>
सामग्री content
संपत्ति द्वारा डाला हॉवर पर रेखांकन text-decoration को दर्शाता है। मैं केवल सामग्री के लिए text-decoration
निष्क्रिय करने के लिए इससे पहले कि चाहते हैं:
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: 'IcoMoon';
font-style: normal;
speak: none;
}
.icon-mail:before {
content: "\37";
}
[class^="icon-large-"]:before, [class*=" icon-large"]:before {
font-size: 48px;
line-height: 48px;
}
a[class^="icon-"]:before, a[class*=" icon-"]:before {
margin-right: 5px;
vertical-align: middle;
}
मैं इस की कोशिश की है, लेकिन यह काम नहीं कर रहा (सजावट अभी भी दिखाई दे रहा है):
a[class^="icon-"]:hover:before, a[class*=" icon-"]:hover:before {
text-decoration: none;
color: white;
}
आप ऐसा नहीं कर सकते कि pseudoelements साथ। आपको जेएस का उपयोग करना होगा। – Bojangles
हाँ आप बिना जेएस के छद्म और छद्मक्लास को डबल-अप नहीं कर सकते हैं। मैं संभालने के लिए जावास्क्रिप्ट का उपयोग करने का सुझाव दूंगा: होवर को संभालने के बजाए। ऐसा इसलिए है क्योंकि: पहले सभी ब्राउज़रों द्वारा समर्थित नहीं है। लेकिन यह सिर्फ 2 सेंट है .. – BumbleB2na
@ BumbleB2na कम से कम IE8 +, FF10.0.2 +, ओपेरा 11.61+, सफारी 5.1.2+, क्रोम 17 http://www.quirksmode.org/css/contents.html – gremo