CSS əvvəl - orijinal, rahat, praktik

Pseudo-elementləri və yalançı siniflər CSS: əvvəl, sonra, hover, aktiv, və s. - Aşkar JavaScript-handler kodu daxil olmaqla icra site keyfiyyətinin yaxşılaşdırılması və asanlaşdırmaq üçün effektiv imkan reaksiya dizayn elementləri hadisələr, dialoqlar və qonaq tədbirlər kompleks tələb etmir.

sorunsuz, diqqət çəkmək doğru yerdə bir ipucu gətirmək üçün tələb olunan tədbirlər aydınlaşdırmaq necə orijinal:, çoxfunksiyalı, Pseudo rahat, sadə və mürəkkəb copyright tavalarda üçün əhəmiyyətli və neçə seçki xüsusiyyətləri var.

Böyük perspektivləri yalançı məzmunu müəyyən url () açın. Həqiqətən, bu variant səhifə download bir şey baxımından, həm də yeni üfüqlər açır, və hər yerdə bir şey mümkün aktivasiya

yalançı bir fərqləndirici xüsusiyyət

Pseudo (:: CSS əvvəl :: sonra) ilk sənəd ağac yox idi elementləri seçiciler və yalançı siniflər fərqli. Yəqin ki, praktikada xüsusilə vacib deyil, lakin biz saytda content yerləşdirilməsi məsələsini nəzərə alsaq, siz mənada etmir axtarışı üçün mənalı bir şey content əmlak güvənirəm.

Pseudo :: CSS verir əvvəl sonra :: element məzmun əlavə, və - sonra. Contents sadə CSS xüsusiyyətləri baxımından kompleks biçimlendirme mətn, lakin heç bir HTML tags fərqli ola bilər. əvvəl və sonra mənası nisbi və mobil çünki Pseudo mükəmməl əlavə olunur element daxilində bədəndən bilər. Siz yalnız mövqeyini müəyyən, həm də ölçüləri, bilməz rəng, fonları şriftlər, və CSS digər funksiyaları istifadə edin.

As yalançı CSS, əvvəl və rəmzi tərəfindən əvvəl sonra "", lakin CSS3 standart tövsiyə "::". bəzi brauzerlərdə və ya versiyaları sadəcə müəyyən bir yalançı qeyd edə bilər daha heç vaxt bir səhifə xüsusi istifadə test.

İstifadə Ümumi şərtlər

CSS-stil təsviri ifadə class = "scElement və səhifə məzmunu" Element "izah məsələn, div element yerləşdirilməsi üzrə:

.scElement {
MÖVQE ...;
z-index ...;
...

}

CSS "əvvəl ::" yalançı və "hover" Bir yalançı müraciət edə bilər:

.scElement: hover :: {mezmun əvvəl 'prefiks'; rəng ...; background-color ...;}.

Siz sözü "Element" əvvəl siçan pointer hover zaman məktubları və fon rəngini dəyişəcək söz prefiks "görünür.

Məzmun varyasyonları yalançı

scElement - Siz yalançı xassələri müəyyən deyilsə, onlar əsas element kimi eyni olacaq. Daha sonra content əmlak url daxil edə bilərsiniz: url ( '/ scBox / rm-v / sc-rights.png) kursor element image göstərir. məzmun halda: \ "03B1" riyazi görünür simvolu "Alfa", lakin xüsusi simvol istifadə: "& nbsp;", " & lt;", "& Laquo;", "& raquo;" və başqaları deyil - kimi onlar nümayiş olunacaq.

, Url (), hexadecimal simvol bir ardıcıllıqla normal "mətn" baxın: yalançı məzmununu müəyyən etmək üçün variantları bir çox verilir açıq quote / yaxın quote, və ya heç bir açıq-quote / no-yaxın quote, və s. Kimi məzmun mütləq mövqeyi bir göstəricisi ola bilər. stil xassələri vasitəsilə əvvəl tətbiq, CSS olan bu əlaqədardır element yerdə yalançı olacaq.

Siz əvvəl və sonra eyni zamanda istifadə birləşdirə bilər. Buna görə də, məzmun simvol əvvəl CSS istifadə edərək yerləşdirilməsi, siz yalançı siniflər və yalançı elementləri müxtəlif birleştiren, təsiri bir sıra əldə edə bilərsiniz, eyni zamanda belə bir byte-kod JavaScript sərf deyil, qonaq sürpriz.

yalançı Xüsusiyyətlər

Onların belirtme qəbul üçün ":" xarakteri, eləcə də yalançı müraciət, lakin adətən qeydi CSS3 yalançı fərqli olaraq "::". onu anlamaq brauzerlər, həm belirtme dərk edirlər. qeyd boşluqlar string qeyd və yalançı (və ya yalnız) yalançı birlikdə qeyd olunur, yol verilmir:

scElement: hover :: {mezmun əvvəl 'prefiks'; ...}

scElement: Aktiv: {mezmun sonra 'şəkilçi'; ...}

CSS site content həyata çalışan əvvəl: Bu xatırlamaq vacibdir. Styles səhifə məzmunu ilə bağlı deyil. Pseudo - istisna deyil. Onlar DOM ağac görünmez və saytın müvafiq bölmələrində istifadə etmək üçün arzuolunmaz - məzmun, onlar almaq olmaz.

Istifadə "" və "::" mobil platformalar və müasir brauzerlərdə tərəfindən dəstəklənir, lakin tez-tez artıq olmayan eski versiyasını işlərini yoxlamaq olunur.

məzmunu yalançı deyil site content daxildir. Bu axtarış motorları görmək olmaz. bu halda istifadə etmək necə - xüsusi vəziyyətdən asılıdır, həm də müstəqil, sonra və ya bir kompleks əvvəl CSS istifadə imkanı, content bir url maraqlı olduqda (). site links kimi content yalançı birbaşa istifadə, ona, misal üçün, bir şəkil faylı yükləmək üçün imkan verir.

online (kaskad stillər faylları - istisna) stil faylları dəyişdirmək imkanı formada müdaxilə və hər hansı bir zamanda rahat kimi qonaq tədbirlər asılı olaraq, sağ yer alqoritm, yalançı istifadə etmir.