WebHU - Programozási kérdések és válaszok

Hogyan lehet, hogy a href linken belül ne legyen színes a szöveg, de a szöveg a div-en belül is legyen?

Hogyan tudom NEM kék színűvé tenni a szöveget, ha a teljes div-t linkként csinálom?

Tehát a következő részletben:

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

Azt szeretném elérni, hogy a teljes div egy másik oldalra legyen linkelve, de nem szeretném, hogy a LINK karakterlánc olyan kék színű legyen, mint a szokásos linkelő objektumoknál.

Amikor a következő CSS-t írtam:

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

egyáltalán nem változott.

[Frissítés]

Köszönöm a sok választ. Azért szeretném div-et a-ba tenni, mert a blokkot linkelhető objektummá szeretném tenni (kattints a blokkra, és menj egy másik oldalra). Először a a-et div-ba tettem, de nem ment, ezért tettem ki a div-be. (és HTML5-öt és CSS3-at használok).

colors html css
11.09.2013

  • Ne használjon div-t a a-ban. 11.09.2013
  • Nem használta a színt:bla bla; így kék színt mutatna :| 11.09.2013
  • A html5 engedélyezi a blokk-elemeket a hivatkozásokon belül... 11.09.2013

Válaszok:


1

A HTML 5-ben egyszerűen használhatja ezt:

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

CSS:

.link
{
   color:aqua;
   text-decoration: none; 
   background-color: none;
}
11.09.2013
  • @IvanAracki adjon hozzá .link:hover{text-decoration:none}-t, hogy aláhúzás nélkül kapja meg. 29.11.2017

    • 2

    Engedélyezett divs/block-elemek használata a hivatkozásokon belül a HTML5 specifikációiban, tehát ez nem feltétlenül rossz.

    A háttér azt jelenti, ami a szöveg mögött van, vagyis az alábbi kód mögött szürke. A szín az, amire vágysz..

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

    Szerkesztés: Források:

    Nyissa meg: http://validator.w3.org/check, és ellenőrizze ezt:

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

    3

    Egyszerűen célozza meg a h2 elemet

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

    4

    Próbáld ki

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

    majd jelentkezz osztályba:

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

    Ha nem használhatja a belső címkéket, próbálja meg a táblázat használatát a helyett. Ugyanúgy kell működnie.

    11.09.2013

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

    //színhez - adja meg a kívánt színt..

    11.09.2013

    6

    text-decoration: none; elfogadott válasz esetén nincs hatással!

    Ez az Ön kódja

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

    Helyes;

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

    CSS

    .editLink a {
  color: #FFFFFF;
  text-decoration: none;
}
    26.02.2015

    7

    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>

    hivatkozás:

    alapértelmezett HTML/CSS linkszín és ezt

    A A Wikipédia hivatkozási színe különböző linkszíneket és azok jelentését sorolja fel.

    Remélem ez segít.

    21.06.2015

    8

    Tilos a div használata a-ban (html5 engedélyezett):

    HTML 5 előtt:

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

    HTML5:

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

    CSS:

    .link
 {
  color:red;
 }
    11.09.2013

    9

    A div nem használható a (html5-ben>) Használhatja helyette ezt:

    <a href="/link" style="color:green;">LINK</a>
    11.09.2013
    Új anyagok
    A rádiógomb ellenőrzött eseményének használata a jQueryben
    Ebben a cikkben látni fogjuk, hogyan kell dolgozni a jquery választógombbal ellenőrzött eseményeivel. A választógombok HTML gombok, amelyek segítenek kiválasztani egyetlen értéket egy csoportból...
    Körkörös függőségek megoldása terraformban adatforrásokkal – lépésről lépésre
    Mi az a körkörös függőségek Dolgozzunk egy egyszerű eseten, amikor az SQS-sor és az S3-vödör közötti körkörös függőség problémája van egy egymástól függő címkeérték miatt. provider..
    Miért érdemes elkezdeni a kódolást 2023-ban?
    01100011 01101111 01100100 01100101 — beep boop beep boop Világunk folyamatosan fejlődik a technológia körül, és naponta fejlesztenek új technológiákat a valós problémák megoldására. Amint..
    🎙 Random Noise #2  – Örökbefogadás és hit
    az analitika íratlan világának gondozása Szeretné, hogy ezek a frissítések a postaládájába kerüljenek? Iratkozzon fel itt . "Ha önvezető autókat gyártanak, akkor mi miért ne..
    A legrosszabb politika és prediktív modellek májátültetésre jelöltek számára az Egyesült Államokban
    A máj (vagy óangolul lifer) az emberi test legnehezebb belső szervére utal, amely csendesen működik a nap 24 órájában. Mit csinál a máj? 500 feladatot hajt végre a szervezet egészségének..
    5 webhely, amely 2022-ben fejleszti front-end fejlesztői készségeit
    Frontendmentor.io A tényleges projektek létrehozásával a Frontendmentor.io segítséget nyújt a front-end kódolási képességeinek fejlesztésében. A kódolást azután kezdheti meg, hogy..
    Mikor kell használni a Type-t az interfészhez képest a TypeScriptben?
    A TypeScript a JavaScript gépelt szuperkészlete, amely statikus gépelést ad a nyelvhez. Ez megkönnyíti a robusztus és karbantartható kód írását azáltal, hogy a hibákat a fordítási időben..