ID Seçiciler (ID Selectors) ve Sınıf Seçiciler (Class Selectors)
Sınıf seçicileri genel olarak ID seçiciler (ID selectors) ve sınıf seçiciler (class selectors) olmak üzere 2 guruba ayrılır. Bu yazıda link düzenlemeleri için kullanılan sözde sınıflardan da bahsedilecektir.
ID Seçiciler : Tanımlayıcı adları önünde # işareti kullanılır. # ile belirtilen tanımlayıcı adına gönderme yaparak kullanılırlar.
Örnek ID Seçici Uygulaması :
<html>
<head>
<style type=”text/css”>
<!-
#idsecicim
{
color:#CCCCCC;
font-weight:normal;
font-family:”Courier New”;
background-color: #0033CC;
}
–>
</style>
</head>
<body>
<u id=idsecicim>ID Seçici Örneği</u>
</body>
</html>
Burada joomla temasında kullanılan ID seçiciler ve açıklamalarını bulabilirsiniz.
Sınıf Seçiciler : Daha çok bütün etiketlerin aynı olmaması istendiği durumlarda kullanılır. Mesela h1 etiketini bazı yerlerde sans-serif yazı tipi ile birlikte kullanmak istiyorsunuz. Bu tür durumlarda h1 etiketinin normal biçimlendirmesini bozmadan h1+sans-serif şeklinde bir css tanımlaması yapmak için sınıf seçiciler tercih edilir. Böylece hem h1 hem de h1+sans-serif biçimlendirmelerini kullanabilirsiniz.
Örnek Sınıf Seçici Uygulaması :
<html>
<head>
<style type=”text/css”>
<!-
h2.yesil {color:green}
h2.mavi {color:blue}
–>
</style>
</head>
<body>
<h2 class=yesil>Burası h2 ile biçimlendirilmiş ve yeşil </h2>
</br>
<h2 class=mavi> Burası h2 ile biçimlendirilmiş ve mavi</h2>
</body>
</html>
Sözde Sınıflar: Sözde sınıflar link biçimlendirmeleri için kullanılır.
link : Linkin başlangıçtaki hali. Daha ziyeret edilmemiş link.
visited: Ziyeret edilmiş link.
active : Aktif link. Kullanıcının fare ile linkin üstüne tıklama anı.
hover : Fare linkin üzerinden geçerken linkin alacağı biçim.
Sözde Sınıf Örneği :
a:link {color:blue} /*Ziyeret edilmemiş link mavi renkte olur*/
a:visited {color:red} /*Ziyaret edilmiş link kırmızı olur*/
a:active {color:white} /*Fare ile linke tıklandığı anda link beyaz olur*/
a:hover {color:black} /*Fare linkin üzerinden geçerken link siyah olur.*/
Sözde sınıfları kullanarak link düzenlemeleri ile ilgili uygulama
