Linklere Ayrı Ayrı Css Atamak?

16-02-2016, 00:58:41

selamun aleykum arkadaşlar..
her linke ayrı ayrı css atamak istiyorum..
örneğin: 1.link rengi siyah 2.link rengi beyaz olmasını istiyorum bunu nasıl yapabilirim?
teşekkürler

16-02-2016, 18:04:06

#2

DeterJan

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.kirmizi {
color: red;
}
.yesil {
color: green;
}

/** Color karşısında hexadeimal kod da kullabilirsiniz **/
.penbe {
color: #EA4AC5;
}
.mavi {
color: #209BCE;
}
.gri {
color: rgb(80, 80, 80);}


/** Özel olarak da şekillendirme yapabilirsiniz  **/
.turuncu {
color: #FB6C00;
font-size: 50px;

text-decoration: none;
}

/** Sitedki tüm linkler için şekillendirme 
Bu kod sitedeki bütün linkleri etkiler**/

a {
font-family: comic sans ms;
font-style: italic;
}
/** Belli bir div içindeki linkleri şekillendirmek için class kodundan sonra boşluk bırakıp "a" konur **/

.kutu a {
text-decoration: none;
font-style: normal;
}


</style>
</head>
<body>

<a class="kirmizi" href="#">Kırmızı Link</a> 
<a class="yesil" href="#">Kırmızı Link</a> 
<a class="penbe" href="#">Bayanlara Özel link</a> 
<a class="turuncu" href="#">Akşamüstü</a> 

<div class="kutu">
<a class="mavi" href="#">Gözleri Boncuk mavi</a> 
<a class="gri" href="#">Gri renk</a> 

</div>

</body>

</html>

20-02-2016, 23:53:12

#3

Haktan

Aradığın şey nth-child ile de olabilir

Misal

<div class="LinkYapisi">
<a href="Link1">Link1</a>
<a href="Link2">Link2</a>
<a href="Link3">Link3</a>
<a href="Link4">Link4</a>
</div>

şeklinde basit bi HTML olduğunu düşünelim css'te şöyle bir tanım yapabilirsin.

.LinkYapisi a:nth-child(1){
color:#000000;
}
.LinkYapisi a:nth-child(2){
color:#FFFFFF;
}
.LinkYapisi a:nth-child(3){
color:#FF0000
}

Şurdan da görebilirsin: https://jsfiddle.net/e6pm9sf3/