स्टैक ओवरव्लो के लिए धन्यवाद, अंततः मुझे अपना ईमेल लिंक स्टाइल करने का एक तरीका मिला, लेकिन मुझे आश्चर्य है कि यह यहां दिए गए समाधान के बिना क्यों काम नहीं करता है।स्टाइलिंग ईमेल लिंक/href = "mailto:" सीएसएस
चूंकि लिंक विशेषता वर्ग "के बारे में" अवधि के साथ अवधि का हिस्सा है, जिसमें फ़ॉन्ट आकार और शैली परिभाषित है, क्या ईमेल लिंक 11px और sans serif में दिखाई नहीं देना चाहिए?
और
a[href^="mailto:"]
{
font-family: sans-serif;
color: black;
font-size: 11px;
}
महान, जैसे ही काम करता है, जबकि के रूप में मैं
.about a[href^="mailto:"]
{
font-family: sans-serif;
color: black;
font-size: 11px;
}
में इसे बदलने के लिए के रूप में यह भी अपेक्षा की जाती है कि यह काम नहीं करता प्रयास करें।
टैग्स स्पैन स्वरूपण या कक्षा घोंसले को नहीं सुनते हैं?
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
html {
height:100%;
}
body {
height: 100%;
margin-left: 20px;
margin-top:0px;
}
.bottom-left {
position: absolute;
font:sans-serif;
bottom: 15px;
left: 15px;
}
.bold {
font-family: serif;
}
.about {
font-size: 11px;
font-family: sans-serif;
}
/*a[href^="mailto:"]
{
font-family: sans-serif;
color: black;
font-size: 11px;
}*/
.address {
font-size: 11px;
border-bottom: 1px grey dotted;
}
</style>
<title>TEMP</title>
</head>
<body>
<div class="bottom-left">
<span class="about">
<span class="bold">XYZ</span> is a project space . |
<span="address">Website Information</span> — <a href="mailto:[email protected]">[email protected]</a>
</span>
</div>
</body>
</html>
THX शैलेंद्र! मुझे पता है कि यह इस तरह से काम करता है, मैं यह पूछ रहा था कि यह इस समाधान के बिना क्यों काम नहीं कर रहा था और क्यों एक href तत्व को .about कक्षा में घोंसला नहीं दिया जा सकता है। – Roland
मुझे एक बग की तरह दिखता है कि यह 'div' के साथ काम करता है और' span' –
धन्यवाद नहीं! यह जानना अच्छा है कि यह मेरी त्रुटि नहीं है: पी – Roland