webentwicklung-frage-antwort-db.com.de

Wie kann man Text innerhalb eines href-Links nicht farbig machen, aber der Text ist auch innerhalb von div

Wie kann ich Text NICHT blau färben, wenn ich das gesamte div als Link mache?

Also im folgenden Ausschnitt:

<a href="/link"><div><h2>LINK</h2></div></a>

Ich möchte, dass die gesamte div auf eine andere Seite verlinkt wird, aber ich möchte auch nicht, dass die Zeichenfolge LINK so blau wird, wie dies bei einem herkömmlichen Verknüpfungsobjekt der Fall ist.

Als ich folgendes CSS geschrieben habe:

a {text-decoration: none; background-color: none; }

es hat sich überhaupt nicht verändert.

[Aktualisieren]

Danke für viele Antworten. Der Grund, aus dem ich div in a einfügen möchte, besteht darin, dass ich das Blockobjekt verknüpfen möchte (klicken Sie auf den Block und gehen Sie zu einer anderen Seite). Ich habe zuerst a in div eingefügt, aber es hat nicht funktioniert, deshalb habe ich es außerhalb von div gestellt. (und ich benutze HTML5 und CSS3).

9
Blaszard

In HTML 5 können Sie dies einfach verwenden:

<a href="/yourLinkAddress">
    <div class="link">
         <h2>Link Text</h2>
    </div>
</a>

CSS:

.link
{
   color:aqua;
   text-decoration: none; 
   background-color: none;
}
13
Majid

Sie sind erlaubt, um divs/block-elements innerhalb von Links in html5-Spezifikationen zu verwenden, das ist also nicht unbedingt schlecht.

Hintergrund bedeutet, was hinter dem Text steht, der hinter diesem Code steht, ist grau. Farbe ist das, wonach du suchst ..

a {
    text-decoration: none; 
    color: black; 
}

Bearbeiten: Quellen:

Gehe zu: http://validator.w3.org/check und bestätige das:

<!doctype html>
<html>
<head>
<title>...</title>
</head>
<body>
    <a href="#stuff">
        <div>
            <h1>hi</h1>
        </div>
    </a>
</body>
</html>
4
OZZIE

Versuchen

<a href="/link"><div class="link"><h2>LINK</h2></div></a>

dann bewerben Klasse:

.link{
  background-color:none;
  color:blue;
 }

Wenn Sie nicht innerhalb von Tags verwendet werden dürfen, verwenden Sie table anstelle von. Es sollte auf die gleiche Weise funktionieren.

2
Nelson Menezes

Einfach Ziel h2

a div h2 {
    color: #fff; /*Or whatever you want*/
}
2
markvicencio

css:

.link
{
  text-decoration: underline;
color: #0000EE;
font-size: 16px;
}

html:

<strong>Hello!</strong> you have already registered , you can login
<a href="http://www.example.com/"><span class="link">here</span></a>  

Referenz:

Standard HTML/CSS Linkfarbe und dies

Wikipedia Link Color listet verschiedene Linkfarben und deren Bedeutung auf.

Hoffe das hilft.

0
stom

text-decoration: none; wirkt nicht mit akzeptierter Antwort!

Dies ist dein Code  

<a href="/link"><div><h2>LINK</h2></div></a>

richtig ist;

<div class='editLink'> 
     <a href="/link">
       <h2>LINK</h2> 
    </a>
</div>

CSS

.editLink a {
  color: #FFFFFF;
  text-decoration: none;
}
0
ErcanE
a{text-decoration: none; background-color: none;color:gray; }

// für Farbe geben Sie Ihre gewünschte Farbe ein ..

0
Sasidharan