CSS чейин - түп, жайлуу, практикалык

Pseudo-элементтери жана жасалма-класстар CSS: мурун кийин, калкып, активдүү, ж.б. - аткаруу сайт эмес, ачык боюнча JavaScript-иштеткичи кодун, комплекстүү карашыбыз жай үлгүлөрүн патенттегендиги, элементтер окуялар, диалог жана келүүчүгө иш-аракеттер талап кылбайт сапатын жакшыртуу жана жөнөкөйлөтүү боюнча натыйжалуу мүмкүнчүлүк.

Pseudo ыңгайлуу, көп тармактуу, жөнөкөй жана татаал укук мискейлерге үчүн олуттуу жана бир нече касиетке ээ: буруу канчалык оригиналдуу, билинбей эле туура жерге сезилдиби келтирүү зарыл иш-чараларды тактоо.

Улуу келечеги жалган- мазмунун көрсөтүлгөн URL () ачуу. Чынында эле, бул параметр жаңы горизонтторду ачууга мүмкүнчүлүк берет, бетине жүктөп эч жагынан да, каалаган нерсе мүмкүн жандыруу

жалган- айырмалоочу өзгөчөлүгү

Pseudo (:: CSS чейин :: кийин) алгач документ дарагы бар эмес, элементтердин, тэг жана жасалма-класстардын ар түрдүү. Балким, иш жүзүндө, бул өзгөчө маанилүү эмес, бирок биз сайтында мазмун жайгаштыруу маселесин карап, анда издөө кыймылдаткыч мааниси жок үчүн маанилүү нерсе мазмуну мүлкүн ишеним.

Pseudo :: чейин CSS сиз элементке мазмун кошуу жана :: кийин берет - кийин. Мазмуну CSS касиеттери жагынан татаал түзүү үчүн жөнөкөй текст ар башка болушу мүмкүн, бирок, эч кандай HTML Tags. Pseudo чейин жана салыштырмалуу жана мобилдик кийин мааниси, анткени кемчиликсиз, тиркелет элементи, ичинде жайгашкан болот. Сиз жөн гана кызмат орду көрсөтүлөт, ошондой эле, өлчөмдөрү, мүмкүн эмес түстөр, стол, ариптер жана CSS башка өзгөчөлүктөрдү колдоно албайсыз.

Катары жасалма CSS, чейин жана андан кийин белгиси алдында турат ":", ал эми CSS3-стандартты, сунушталган "::". Беттеги өзгөчө пайдалануу сынаш үчүн кээ бир серепчилер же котормолордо бул жөн гана бир жасалма байкабай калышы мүмкүн эмес, эч качан болбойт.

Колдонуу Жалпы шарттары

, Мис, класс = 'scElement "жана баракка мазмунду" элемент "баяндаган бөлүү элементин жайгаштыруу CSS-стилдер жадыбалы сүрөттөмөсүндө көрсөтүү By:

.scElement {
POSITION ...;
Z-индекси ...;
...

}

Эгерде жасалма колдоно аласыз: "калкып" жасалма жана ":: алдында" CSS:

.scElement: калкып :: алдында {мазмуну: "Ƶ Сыпаттоо '; түс ...; маалымат-түсү ...;}.

Эгер сөз "элемент" алдында Чычкан көрсөткүчү калкып кийин тамгалардын жана арткы түсүн өзгөртүп турган сөз "Ле", пайда болот.

Мазмун айырмачылыктар жасалма

Эгерде жасалма касиеттери көрсөтүлгөн эмес болсо, алар ошол эле негизги элементи болуп саналат, - scElement. Сиз URL көрсөтүүгө болот, анан мазмуну мүлктү: URL ( '/ scBox / RM-V / СК-rights.png') курсор элементке сүрөттөлүш болот. мазмун учурда: "\ 03B1" математикалык көрүнөт белгиси "Ford", ал эми атайын белгилерди колдонуу: "& Кошумча", " & LT;", "и Пикирге", "и жоголот" жана башкалар эмес, - алар сыяктуу көрсөтүлөт.

бистин мазмунун көрсөтүү жолдору көп жол: нормалдуу "текст", URL (), он алтылык тамгалардын ирети менен билдирет: ачык-аудио / жакын-Сунуштарда, же эч кандай ачык-аудио / жок-жабуу-Сунуштарда ж.б. эле мазмундагы абсолюттук абалын бир ишарат болушу мүмкүн. стили касиеттери аркылуу чейин колдонуу менен, CSS ал туташкан элементтин каалаган жасалма салат.

Сиз чейин жана андан кийин бир эле убакта пайдалануу биригишет. Ошондуктан, мазмун каармандардын алдында CSS аркылуу жайгаштыруу, Сен, ар кандай жасалма-класстар жана жасалма элементтер бириктирип, таасиринен ар кандай алып, ошол эле учурда, атүгүл бир байт-коду JavaScript боюнча кетирүү эмес, конок тан калтыра аласыз.

жасалма макалалар

алардын аталыштары кабыл алуу үчүн ":" мүнөзү, ошондой эле жасалма билдирет, бирок, адатта, тарабынан белгиленет CSS3 жасалма айырмаланып, "::". Муну түшүнүү серепчилер, экөө тең белгилерин кабылдайт. жазуу кемчиликтер жол берилбейт, сап жазылган жана жасалма болуп (же) жасалма бирге жазылат:

scElement: калкып :: алдында {мазмуну: "Ƶ Сыпаттоо '; ...}

scElement: активдүү: кийин {мазмуну: "SUFFIX '; ...}

Ал эске тyйyп алчу нерсе: Сайт мазмуну чыгып чуркап алдында CSS. Стилдери барактын мазмунуна байланыштуу эмес. Pseudo - дагы бөтөнчөлөнүп калбайт. Алар DOM дарагы пайда жок жана сайттын тиешелүү бөлүктөрүндө, аларды пайдалануу үчүн жагымсыз - мазмунунда да бар, алар ээ болот.

"" Жана "колдонуу ::" мобилдик аянтчалардын жана заманбап браузерлерде тарабынан колдоого алынган, ал эми улгайган түрү боюнча иштерди көп учурда текшерүү ашыкча эмес.

мазмуну жасалма эмес, сайттын мазмуну камтылган. Бул издөө системаларын көрө албайсыз. Бул жагдай менен кандайча пайдалануу керек - конкреттүү кырдаалга жараша болот, бирок, мурда CSS жардамы менен, ошондой эле, кийин өз алдынча же бир комплексте мүмкүнчүлүгү, мазмуну бир нускага учурда кызыктуу (). сайтка шилтеме контент жалган- түздөн-түз колдонуу, ал, мисалы, билэни жүктөп алуу үчүн, бир сүрөттү мүмкүндүк берет.

стили материалдары онлайн (стилдерди материалдары - эч кандай өзгөчө) өзгөртүү мүмкүнчүлүгү коноктордун аракеттерине жараша, бул жер алгоритмдерди, ал кайсы убакта ыңгайлуу болуп жасалма түрдө жана пайдаланууга жолтоо болбойт.