Bu site bir YAB Network urunudur. </div> Mijn CSS-stijlen voor deze div: #yabnetwork{ font-size:15px; text-align:right; } #yabnetwork a{ "> Bu site bir YAB Network urunudur. </div> Mijn CSS-stijlen voor deze div: #yabnetwork{ font-size:15px; text-align:right; } #yabnetwork a{ "> Bu site bir YAB Network urunudur. </div> Mijn CSS-stijlen voor deze div: #yabnetwork{ font-size:15px; text-align:right; } #yabnetwork a{ " />

Ik kan de kleur van mijn links niet veranderen met css?

Dit is mijn link:

<div id="yabnetwork">
    Bu site bir YAB Network urunudur.
</div>

Mijn CSS-stijlen voor deze div:

#yabnetwork{
    font-size:15px;
    text-align:right;
}     

#yabnetwork a{
    color:red;
}

Waarom zijn mijn links niet rood? Ik kan ze niet veranderen.

Zie de voetnoot op de deze pagina.

1
Alle moderne browsers beschikken over foutopsporingstools waarmee u elementen kunt bekijken. Gebruik een dergelijk hulpmiddel om te zien wat er aan de hand is met het ankerelement en u zult waarschijnlijk uw antwoord hebben.
toegevoegd de auteur Shadow Wizard, de bron
Niet mogelijk om de oorzaak te achterhalen met dit stukje code.
toegevoegd de auteur SVS, de bron

5 antwoord

Het eerste deel van de a-tag lijkt een beugel en een aanhalingsteken te missen:

Bu site bir  
Tel:..........
[email protected]">YAB Network
urunudur.

Two recommendations are to start using a text-editor with color-markup and run your code in the html-validator: http://validator.w3.org/

5
toegevoegd

Het is rood! Als tags correct worden gesloten en attributen worden beëindigd met "zoals het hoort".

<html>
<head>
<title>link example</title>

</head>
<body>
<div>
<div id="yabnetwork">
    Bu site bir   
Tel:..........
[email protected]">YAB Network
urunudur. </div> </div> </body> </html>

Misschien overschrijf je de CSS-regel ergens? Zo ja, probeer het ook! Belangrijk:

#yabnetwork a{
    color:red !important; 
}
1
toegevoegd

Probeer het op deze manier:

a:link{

color:#00CC66;

text-decoration: none

}
a:visited{

color:#ff0000;

text-decoration: none

}
a:hover{color:#f00000;

text-decoration: none

}
a:active{color:#f00000;

text-decoration: none

}

Links kunnen verschillende toestanden hebben:

  • a:link --> default

  • a:visited --> if the user already visited this page

  • a:hover --> if the mouse cursor is over the link

  • a:active --> if the link represents the page currently displayed

1
toegevoegd
Met het stijlkenmerk kunt u CSS-definities gebruiken op de plaats waar u ze nodig hebt.
toegevoegd de auteur M C, de bron
Maar ik heb veel links, ik wil alleen deze link wijzigen
toegevoegd de auteur Birlikisgu, de bron

Check dit:

#yabnetwork a{
    color:red !important;
}
1
toegevoegd
het gebruik van ! important wordt over het algemeen als een slechte zaak beschouwd. Ja, er zijn een paar keer wanneer dit nodig is, maar in de meeste gevallen is het niet nodig en kan het andere problemen veroorzaken (bijv. Stijlen die zijn ingesteld met ! Belangrijk kunnen niet worden opgeheven door JavaScript-code).
toegevoegd de auteur Spudley, de bron
U hoeft ! Important niet te gebruiken. Klik links kunnen worden gestileerd met behulp van de : visited psuedo class: #yabnetwork a: visited {color: red; }
toegevoegd de auteur Fenton, de bron
goed oke. Maar we moeten altijd belangrijk gebruiken?
toegevoegd de auteur Birlikisgu, de bron
ik denk dat ja, we moeten het altijd belangrijk gebruiken omdat de standaardkleur van de geklikte link donkerblauw is, maar ik weet het niet zeker.
toegevoegd de auteur mohammad falahat, de bron

Your code seems to work for me on jsfiddle

Zijn uw stijlbladen correct vermeld in de kop van de html?

0
toegevoegd
Ik heb een grote pagina. dit is mijn pagina kijk alsjeblieft naar voettekst. oyunparkigruplari.com
toegevoegd de auteur Birlikisgu, de bron
De link lijkt rood voor mij in chroom, safari en firefox. Alles lijkt in orde te zijn ...
toegevoegd de auteur Jonathan Garner, de bron