Wann wird ein <a> tag nicht Erben farbattribut des übergeordneten Tags?

Hier ist mein code:

CSS:

.blue {
    color:#6E99E1;
    font-size:9px;
}

HTML:

<span class="blue">::<a href="/equipment_new.php">CLICK HERE</a>:: to view our New Equipment inventory. <br /><br /></span>

Habe ich mir irgendwie etwas ausgelöst, das verhindert, dass die <a> tag zu Erben Farbe des übergeordneten .

hast du durch Zufall fügen Sie einfach das href-Attribut?
Andere haben Ihre Frage beantwortet schon, aber ich dachte, ich ' ll hinzufügen, dass die css-Klassendefinitionen werden sollte, basierend darauf, wie Sie verwendet werden (e.g sidelinks, pageheader, productlist) und nicht auf das, was Sie tun (z.B. blau, boldtext, redborder).

InformationsquelleAutor omg | 2009-07-17

css inheritance

32

Standardmäßig ein Anker-tag nicht Erben Attribute, wie Farbe, wenn ein href Attribut vorhanden ist.

Check-out die Differenz zwischen diesen zwei auf einer Seite (ich weiß nicht, wie man es auf dem display post):
```
<a href="t">test</a>


<a>test</a>
```
Den folgenden link, um die w3 c:

http://www.w3.org/TR/html401/struct/links.html#h-12.2

User-agents in der Regel render links in
so machen Sie offensichtlich
Benutzer (unterstreichen, inverser,
etc.). Die genaue rendering hängt
der user-agent. Rendern kann variieren
je nachdem, ob der Nutzer hat
schon besuchte link ist oder nicht.

.....

In der Regel, den Inhalt Einer nicht
gerendert in besonderer Weise, wenn Ein
definiert einen Anker nur.
- Haben Sie eine Referenz für den Punkt, dass "standardmäßig ein Anker-tag nicht Erben Attribute, wie Farbe, wenn ein href Attribut vorhanden ist. "?
- versuchen Sie es; wenn ein Anker-tag nicht mit einem "href" - Attribut, er handelt nicht wie ein Anker-tag.
- Ja,aber ich hoffe, dass einige Referenz-link wird es klar, wenn das standard ist und warum es so ist.
- Ich habe gerade die links zu den w3c-und es ist die Erklärung, wie Anker-tags werden gerendert, wenn keine Verlinkung zu einer anderen Referenz.
- Im Schritt weiter,gibt es eine Regel für die Beurteilung, ob ein bestimmtes Attribut wird vererbt oder nicht?
- ja, obwohl, das wird ein wenig tricky. Ich Verweise auf die W3c-was soll das Erben, was. Es hängt davon ab, welche Art von tags Sie sind und was Sie css-Elemente.
InformationsquelleAutor kemiller2002
46

Nur ein Nachtrag zu den anderen Antworten, wenn Sie wollen Ihre <a> tags Erben, die Farbe von Ihrer Mutter, die Sie verwenden können,
```
a {color: inherit; }
```
InformationsquelleAutor David Thomas
8

Dies ist eine Antwort auf die Frage als auch als Antwort auf Kevins Antwort und seine Kommentare.

Anker-tags tun Erben, Farbe, verbunden oder nicht. Der einzige Grund, warum Sie nicht in der Praxis ist, denn Sie haben bereits Ihre Farbe im browser eingestellte Standard-stylesheet. Das gleiche kann gesagt werden für die Unterstreichung des Links (das, vermute ich, Sie gar nicht bemerken, weil Sie eigentlich wollen oder es hatte sich bereits verändert es sich).

In Firefox, können Sie diese in Firebug wenn Sie wählen Sie "Show User-Agent-CSS" (oder Sie können einen Blick auf Firefox-internen stylesheets direkt. Sehen Sie die browser, die standardmäßig in Webkit ' s Web Inspector und Opera Dragonfly als gut. Ich glaube nicht, können Sie im IE.

Ich kenne keine Website, die eine übersicht über alle browser-defaults. CSS2 ist "informativ" HTML4-stylesheet sowie die YUI reset-stylesheet wäre ein guter Ausgangspunkt, aber keiner von Ihnen zu erwähnen (link) Farben (die HTML4-stylesheet erwähnt, die unterstreichen).

Finden Sie heraus, welche Eigenschaften vererbt werden, im Allgemeinen, Sie können die CSS2-Referenz property-index-Tabelle (siehe "Geerbt?" - Spalte). SitePoint auch erwähnt es in seiner CSS-Referenz.

Also, wenn Sie wollen, stellen Sie sicher, dass Ihr link erbt seine Farbe von seinen Eltern, statt im browser im Standard-stylesheet, das Sie im Idealfall tun Sie etwas wie dieses:
```
.blue a:link {
    color: inherit;
}
```
Konnten Sie es für die verschiedenen pseudo-Klassen getrennt (so :visited, :hover und :active auch), oder für die a tag insgesamt.

Jedoch IE6 und IE7 nicht unterstützen inherit - Schlüsselwort, also, wenn Sie wollen, um Sie zu unterstützen auch Sie müssten, um die Farbe explizit an.

InformationsquelleAutor mercator
5

Ich denke a Erben nicht Farbe standardmäßig. (sicherlich hat es immer funktioniert, dass Art und Weise auf meinen Seiten). Warum ändern Sie nicht
```
.blue {
    color:#6E99E1;
    font-size:9px;
}
```
zu
```
.blue, .blue a{
    color:#6E99E1;
    font-size:9px;
}
```
InformationsquelleAutor Nico Burns
3

Firebug wird Ihnen genau zeigen, welche Stil-Regeln werden angewandt, um die Elemente. Es ist perfekt für diese.

(Eine nicht-CSS-Möglichkeit: Sie haben link/alink/vlink Attribute auf Ihre <body> tag?)

Bearbeiten: Duh, dumme mir, die anderen haben es Recht - <a href> Erben nicht die Farbe. Aber Firebug ist immer noch ein gutes Werkzeug für diese Art von problem (auch wenn ich nicht bin. 😎
- Wenn <a> ist irgendwie überschreiben Ihre blau-Klasse, Sie können auch einfach ändern Sie Ihre Erklärung .blau, .blue a {...
InformationsquelleAutor RichieHindle
1

Neben firebug (sollte Ihre erste Anlaufstelle), die IE developer toolbar wird Ihnen auch sagen, wo sich ein bestimmter Stil ist, stammen aus, nur bei IE - Schock, horror - sollte anders sein.

InformationsquelleAutor annakata
0

Müssen Sie explizit festlegen, die Farbe der links überschreiben des Standard-Blaue Farbe.

InformationsquelleAutor miguelSantirso
0

Sind Sie wahrscheinlich zu sehen, die a:visited Färbung. Versuchen Sie dies:
```
.blue, .blue:link, .blue:visited {
  color:#6E99E1;
  font-size:9px;
}
```
InformationsquelleAutor Shawn Wernig

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.