Sateuacan CSS - aslina, nyaman, praktis

Pseudo-elemen sarta pseudo-kelas CSS: saméméh, sanggeus, hover, aktif, jsb - kasempetan éféktif pikeun ngaronjatkeun kualitas jeung simplify situs palaksanaan, teu kaasup kode JavaScript-Handler dina atra, teu merlukeun hiji desain réaksi, elemen acara, dialogues jeung laku lampah nu nganjang ka kompleks.

Pseudo merenah, multifunctional, mibanda pasipatan pilihan signifikan jeung sababaraha pikeun Panci hak cipta basajan tur kompléks: kumaha aslina ngagambar perhatian, seamlessly netelakeun tindakan diperlukeun pikeun mawa hint a di tempat katuhu.

prospek hébat muka url nalika dieusian () dina eusi pseudo. Memang pilihan ieu muka nepi horizons anyar, boh dina segi download nanaon kaca, sarta aktivasina mungkin nanaon mana

A fitur has tina pseudo

Pseudo (:: saméméh CSS, :: sanggeus) béda ti elemen, selectors na pseudo-kelas anu henteu asalna aya di tangkal dokumen. Konon, dina prakna teu hal penting, tapi lamun anggap we sual nempatkeun eusi dina situs, Anjeun percanten harta eusi hal bermakna pikeun search engine teu make akal pikiran.

Pseudo :: saméméh CSS ngidinan Anjeun pikeun nambahkeun eusi pikeun unsur, jeung :: sanggeus - sanggeus. Eusi bisa rupa-rupa ti téks basajan pikeun pormat kompleks tina segi sipat CSS, tapi euweuh tag HTML. Pseudo bisa sampurna diposisikan jero unsur, nu geus napel, lantaran hartina sateuacan na sanggeus aya relatif jeung mobile. Anjeun teu bisa ngan nangtukeun posisi, tapi oge ukuran, kelir, backgrounds, fon, sarta nganggo fitur sejenna CSS.

Salaku pseudo nu CSS, saméméh jeung sanggeus nu dimimitian ku simbol ":" tapi baku CSS3 dianjurkeun "::". Pikeun nguji hiji pamakéan hususna dina kaca pernah bakal leuwih ti sababaraha panyungsi atanapi versi mungkin saukur moal aya bewara nu pseudo tangtu.

Sarat umum Pamakéan

Ku cara nempatkeun, e.g. Unsur div ngajéntrékeun kelas = 'scElement' na eusi "Unsur" pikeun kaca, nu nunjukkeun di CSS-gaya pedaran lambar:

.scElement {
Posisi ...;
z-indéks ...;
...

}

Anjeun bisa nerapkeun hiji pseudo ": hover" pseudo na ":: méméh" CSS:

.scElement: hover :: saméméh {eusi: 'awalan'; Warna ...; tukang-warna ...;}.

Lajeng mun anjeun hover nu pointer mouse saméméh kecap 'Unsur' bakal muncul kecap 'awalan', nu bakal ngaganti warna hurup jeung latar.

variasi eusi pseudo

Mun anjeun teu nangtukeun pasipatan pseudo, maranéhna bakal sarua jeung nu ti unsur utama - scElement. Anjeun tiasa nangtukeun url, sarta tuluy harta eusi: url ( '/ scBox / rm-v / sc-rights.png') nalika kursor nembongkeun gambar dina unsur. Dina kasus eusi: "\ 03B1" muncul matematik simbol "Alfa", tapi nganggo karakter husus: "& nbsp;", " & lt;", "& laquo;", "& raquo;" jeung nu lianna mah henteu - aranjeunna bakal dipintonkeun sakumaha anu.

Diwenangkeun loba pilihan pikeun nangtukeun eusi pseudo-: "tulisan" normal, url (), tina sekuen karakter hexadecimal seueur, tingal: buka-cutatan / nutup-cutatan, atawa henteu-buka-cutatan / no-nutup-cutatan, jsb Salaku bisa jadi indikasi tina posisi mutlak eusi. ngaliwatan sipat gaya, ku cara nerapkeun sateuacan, CSS bakal nempatkeun pseudo nu mana dina unsur nu keur disambungkeun.

Anjeun tiasa ngagabungkeun pamakéan simultaneous of sateuacan na sanggeus. Ku alatan éta, nempatkeun maké CSS saméméh karakter eusi, anjeun bisa meunangkeun rupa-rupa épék, ngagabungkeun béda pseudo-kelas na pseudo-elemen, kaget nganjang, teu belanja dina waktos anu sareng malah hiji bait-kode tunggal JavaScript.

pitur pseudo

Pikeun rancangan maranéhna diadopsi ":" karakter, kitu ogé mun tingal pseudo, tapi kawas CSS3 pseudo biasana dilambangkan ku "::". Panyungsi anu ngarti eta, ngarasa duanana rancangan. Sela di rekaman henteu diijinkeun, string nu keur dirékam sarta pseudo (atawa ukur) pseudo dirékam babarengan:

scElement: hover :: saméméh {eusi: 'awalan'; ...}

scElement: aktip: sanggeus {eusi: 'ahiran'; ...}

Kadé poho: CSS méméh ngajalankeun kaluar tina eusi situs. Gaya teu patali jeung eusi kaca. Pseudo - aya iwal. Aranjeunna teu muncul dina tangkal DOM tur pikaresepeun ngagunakeun éta di bagian relevan loka - pada eusi, aranjeunna moal meunang.

Ngagunakeun "" jeung "::" ieu dirojong ku platform mobile na panyungsi modérn, tapi pariksa karya dina versi heubeul mindeng henteu superfluous.

Eusi pseudo-teu dilebetkeun kana eusi situs urang. Eta moal ningali mesin pencari. Kumaha ngagunakeun Kaayaan kieu - gumantung kana kaayaan spésifik, tapi kamungkinan ngagunakeun CSS sateuacan, kitu ogé sanggeus, sacara mandiri atanapi di kompleks a, metot lamun eusi anu aya url a (). pamakéan langsung tina pseudo eusi salaku tumbu ka loka, bakal ngidinan anjeunna pikeun ngundeur hiji payil, contona, gambar hiji.

Kamampuhan pikeun ngarobah payil gaya online (gaya cascading cadar file - euweuh pengecualian) henteu ngaganggu formulir na make pseudo sakumaha anu kasebut merenah iraha wae dibikeun, dina algoritma tempat katuhu, gumantung kana lampah nu nganjang urang.