Stillərin kaskadlı cədvəlləri
CSS məsləhətlər & üsullar

(Bu səhifə CSS stillərin kaskadlı cədvəllərini istifadə edir)

Bu sənəd məqalənin tərcüməsidir "Web Style Sheets CSS tips & tricks".
Sənədin original versiyası mövcüddür yalnız W3C saytında http://www.w3.org/Style/Examples/007/evenodd.html
Bü tərcümə rəsmi W3C sənəddi DEYIL.
Bütün Müəllif Hüqüqları W3C Malikdir.
Bu sənəddə tərcümə tərcümə səhvləri və mətbəə xətaları ola bilər.

Müəllif: Sabir Sabutai (bütün tərcümələr müəllifindir)
Lokal versiya: http://www.carionltd.com/Style/Example007/evenodd.html

Vəziyyəti

Qeyd: yazılan dövrdə (fevral 2003) əsas brauzerlər dəstəkləmirdi 'nth-child' xüsusiyyətini (niyabr 2001-də təqdim edilib) və yalnız bəziləri COL elementini dəstəkləyirdi.

Even and odd rules

Böyük cədvəllərin asan oxunmasını yüksəldmək üçün addım – alternativ sıraları rəngləmək. Misal üçün, aşağıdakı cədvəldə cüt sıralar üçün açıq boz, və tək sıralar üçün ağ fon istifadə edilir. Bu üçün qaydalar çox asandır:

tr:nth-child(even) {background: #CCC}
tr:nth-child(odd) {background: #FFF}
Month199419951996199719981999200020012002
Jan141314131411111111
Feb131512151512141313
Mar161514171615141515
Apr171617171715151616
May212020212220212019
Jun242325242523252324
Jul292826262726252625
Aug292827282827262826
Sep242323262424242221
Oct2022202220192022
Nov1817161716151415
Dec1513131413101311

Faktiki olaraq CSS ancaq cüt/tək alternativa yox, həmçinin sərbəst intervallara yol verir. Açarı sözlər 'even' (cüt) və 'odd' (tək) yalnız rahar şərtı işarələrdir. Məsələn, uzun siyahı üçün bunu edin:

li:nth-child(5n+3) {font-weight: bold}

Bu onu deməkdir ki, 3-cüdən başlayaraq hər 5-ci siyahı boşdur. Başqa sözlə 3,8, 13, 18, 23 və s. bəndlər boş olacaqlar.

Cüt və tək sütunlar

Eyni şey cədvəlin sütunları üçündür, lakin sənəddə sütuna uyğun gələn element olmalıdır. Bu üçün HTML COL-ilə təmin edir. Cədvəl hər sütun üçün bir COL ilə başlamalıdır:

<table>
<col><col><col><col><col><col><col><col><col><col>
<tr><th>Month<th>1994<th>1995<th>1996...

(COL stillərdən başqa digər şeylər üçün istifadə edilə bilər, lakin bu uçün bizə yalnız COL elementlər lazım olacaq.) Sonrakı qaydalar birinci sütuna sarı fon verir, sonra isə üçüncüdən başlayaraq gələn hər sütuna boz fon verir:

col:first-child {background: #FF0}
col:nth-child(2n+3) {background: #CCC}
Month199419951996199719981999200020012002
Jan141314131411111111
Feb131512151512141313
Mar161514171615141515
Apr171617171715151616
May212020212220212019
Jun242325242523252324
Jul292826262726252625
Aug292827282827262826
Sep242323262424242221
Oct2022202220192022
Nov1817161716151415
Dec1513131413101311

Sıraların fonu (TR) sütunların fonuna qədər yazılıb (COL), və sütunların fonu görünən olmasında əmin olmaq istəyirsinizsə, sıralara fon qoymayın.

CSS Valid CSS!Valid HTML 4.0!

Bert Bos
Sənəd 6 fevral 2003-də yaradılıb ;
Son dəyişikliklər $Date: 2007/07/20 16:15:58 $ GMT